在我的移动页面和背景周围获得额外空间答案

【问题标题】：Getting Extra Space Around My Mobile Page and Background Cuts Off在我的移动页面和背景周围获得额外空间
【发布时间】：2015-01-13 13:50:11
【问题描述】：

我在移动页面的右侧和底部获得了额外的空间，我已经研究了一段时间，但无法弄清楚是哪个元素/样式导致它（在 Chrome 控制台中查看页面作为 iPhone 6你会明白我的意思）。

任何帮助将不胜感激！

【问题讨论】：

【解决方案1】：

您需要为标签设置宽度。它真的需要 100% 宽度吗？

<h2>Douglas Arizona</h2>

应该是这样的：

<h2 id="name">Douglas Arizona</h2>

样式应该是这样的：

h2#name {
      width: 200px;
      }

当然，200px 是任意的，您可以将其设置为您喜欢或需要的任何值。

【讨论】：

我指的是整个页面，而不是标题元素
你试过我的解决方案了吗？它将根据您的要求删除右侧和底部的额外空间。 H2 向右泄漏，远远超过页面的整个宽度，导致不必要的空白。通过限制 H2，您可以将页面宽度恢复到屏幕大小的 100%，如您所愿。
到底是什么，它起作用了，但我很困惑为什么 100% 会像那样增加宽度。您有关于该主题的相关文章吗？
因为您使用的是left: 25%;，所以 H2 块本身被推离页面左边缘 25%。结果，在宽度为 100% 时，H2 块实际上是从页面左边缘到达 125%。