iPhone在响应式布局上忽略了机身边距

我们的响应式设计存在问题。我们使用这种风格的移动设备上提供响应主题：iPhone在响应式布局上忽略了机身边距

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

下面你可以看到iOS版Broswer和Chrome之间的差异：

enter image description here

来源

2012-04-15 Andrei

使用保证金？ – mddw 2012-04-15 17:02:46

试过了。我得到同样的东西。 – Andrei 2012-04-15 19:19:26

您是否设置了视口？ – mddw 2012-04-15 19:33:02

它曾与百分比：

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 2012-04-15 20:11:25

这很奇怪。我最终设法修复它是件好事。 – Andrei 2012-04-15 22:21:00

这是没有意义的申请保证金，以您的身体，因为它是最外面的元素。相反，你应该使用填充。

来源

2012-04-15 17:01:40

使用过这个： body { \t padding-left：10px; \t padding-right：10px; \t overflow-x：hidden; \t max-width：90％; \t margin：0 auto; } 和我得到同样的事情。 – Andrei 2012-04-15 19:21:50

根据这个古老的博客文章Body padding and margin，不同的浏览器将以不同的方式处理正文元素的边距和填充。如果今天仍然存在这种差异，我不会感到惊讶。也许0汽车：

来源

2012-04-15 18:21:42

iPhone在响应式布局上忽略了机身边距

回答

相关问题