0

我们的响应式设计存在问题。我们在响应式主题上将此样式用于移动设备：

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

下面你可以看到 iOS Broswer 和 Chrome 之间的区别：

在此处输入图像描述

4

3 回答 3

0

将边距应用于您的身体是没有意义的，因为它是最外层的元素。相反，您应该使用填充。

于 2012-04-15T17:01:40.817 回答
0

根据这篇古老的博文Body padding and margin，不同的浏览器会以不同的方式处理 body 元素的边距和填充。如果这种差异今天仍然存在，我不会感到惊讶。

于 2012-04-15T18:21:42.200 回答
-1

它适用于百分比：

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

于 2012-04-15T20:08:32.907 回答