为什么 iOS Safari 用户代理样式表似乎覆盖了我在正文上的边距样式？答案

【问题标题】：Why does the iOS Safari user agent stylesheet appear to override my margin style on the body?为什么 iOS Safari 用户代理样式表似乎覆盖了我在正文上的边距样式？
【发布时间】：2014-03-02 11:14:08
【问题描述】：

为什么以下标记会导致 body 在 iOS（最新 iPad）上具有 8px margin（因此是垂直滚动条）？

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body style="margin: 0px !important;">
  </body>
</html>

在线：http://limitless-refuge-4707.herokuapp.com/index3

iOS 7.0.4

编辑：

使用 iPad 网络检查器，我可以看到主体上 margin-top: 8px 的 iOS Safari 用户代理样式表样式覆盖了我自己的样式。为什么会这样？

【问题讨论】：

在css中添加这个：* {margin: 0; padding: 0; border: 0;}
问题依然存在。我会错过 iOS 元标记吗？
我找到了一种扫描文件的方法：wernull.com
我相信我可以看到导致不需要的滚动条的原因 - 尽管我在 body 标记上使用了样式，但用户代理样式表应用了 8px 顶部边距。我不明白为什么用户代理会覆盖我的样式规范......
好吧，试试这个：Width for Mobile Browser，我真的希望这能解决你遇到的问题。 <meta name="viewport" content="width=device-width, user-scalable=no">

标签： html ios css ipad margin

【解决方案1】：

尝试将 html 元素也设置为 100% 的高度

【讨论】：

不幸的是，这没有效果。

【解决方案2】：

这似乎是带有 iOS7 的 iPad 上的 Safari 中的一个错误。它保留在 7.0.6 中。

iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue

【讨论】：