レスキューレイアウトでボディマージンを無視しています

私たちはレスポンシブデザインに問題があります。私達は私達の応答をテーマに、モバイルデバイス用にこのスタイルを使用します。レスキューレイアウトでボディマージンを無視しています

body { 
    margin-left: 10px; 
    margin-right: 10px; 
    overflow-x: hidden; 
    max-width: 90%; 
}

あなたはiOSのBroswerとChromeの違いを確認でき下記

enter image description here

2012-04-15 Andrei

使用マージン：0自動多分？ – mddw

試してみてください。私は同じことを得ている。 – Andrei

ビューポートを設定しましたか？ – mddw

それは割合で働い：

body { margin-left: 5%; margin-right: 5%; overflow-x: hidden; max-width: 90%; margin: 0 auto; }

2012-04-15 20:08:32 Andrei

私はあなたの最初のコードを（pxマージンで）試してみました。したがって、問題はコードの別の部分にある必要があります。 – mddw

それは変です。私は最終的にそれを修正することができたのは良いことです。 – Andrei

をそれはあなたにマージンを適用しても意味がありません。それは最も外側の要素であるからです。代わりに、パディングを使用する必要があります。

2012-04-15 17:01:40

中古品：本体{ \tパディング左：10px; \tパディング右：10px; \t overflow-x：hidden; \t最大幅：90％。 \t余白：0自動; } と同じことが起こっています。 – Andrei

古代のブログ記事Body padding and marginによれば、さまざまなブラウザがさまざまな方法でbody要素のマージンとパディングを処理します。このような違いが今日も起きているのであれば、私には驚かないでしょう。

2012-04-15 18:21:42

答えて