1

私は自分のページのすべてをチェックしましたが、iOS で自分の Web サイトに大きな右マージンを与えている原因がわかりません。それは私を夢中にさせています。オーバーフローを設定してみました: hidden; 体に何の役にも立たない。960pxより広いものはありません。これは非常にレスポンシブなデザインであり、この 1 つの腹立たしいことを除いて、すべてがうまく機能しています。開発サイトの URL は次のとおりです: http://ourcityourstory.com/dev/

添付のスクリーンショットをご覧ください:iOS で Web ページの右マージンが大きく表示される

どんな助けでも大歓迎です。

更新:ビューポートでだまそうとしました。このStackoverflow の投稿を参照してください。しかし、役に立たない。HTML 5 ボイラープレートからサイト全体を構築しました

4

2 に答える 2

3 
       html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

これを CSS に追加します。その後、正常に動作するはずです

于 2013-08-16T06:57:27.850 に答える
0

犯人はFacebookのシェアボタンでした。Twitter や Pinterest のように動作するのではなく、iframe を使用して本文の幅を 500 ピクセルに設定します。

overflow: hidden;私のクラスの単純なものはこれを.social修正しました。

于 2012-07-06T17:30:22.577 に答える