0

レスポンシブ デザインに問題があります。レスポンシブ テーマのモバイル デバイスにこのスタイルを使用します。

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

以下に、iOS Broswer と Chrome の違いを示します。

ここに画像の説明を入力

4

3 に答える 3

0

この古代のブログ投稿Bodypaddingとmarginによると、さまざまなブラウザがさまざまな方法でbody要素のmarginとpaddingを処理します。この種の違いが今日も続いていても、私は驚かないでしょう。

于 2012-04-15T18:21:42.200 に答える
0

ボディは最も外側の要素であるため、margin を body に適用しても意味がありません。代わりに、パディングを使用する必要があります。

于 2012-04-15T17:01:40.817 に答える
-1

パーセンテージで機能しました：

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

于 2012-04-15T20:08:32.907 に答える