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

我们的响应性设计存在问题。我们在响应主题的移动设备上使用这种风格：

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

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

---

将边距应用于身体是没有意义的，因为它是最外层的元素。根据这篇古老的博文，不同的浏览器将以不同的方式处理body元素的边距和填充。如果这种差异在今天仍然存在，我也不会感到惊讶。

它与百分比有关：

---

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

尝试过它。我得到了同样的东西。是的，我得到了。它使用了百分比：body{padding left:5%；margin right:5%；overflow-x:hidden；max-width:90%；margin:0 auto；}使用这个：body{padding left:10px；padding right:10px；overflow-x:hidden；max-width:90%；margin:0 auto；}我得到了同样的结果。我刚刚尝试了你的第一个代码（使用px-margin），它工作了。因此，您的问题一定在代码的另一部分。