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

Question

我的手机页面右侧和底部都有额外的空间，我已经工作了一段时间，但无法弄清楚导致它的元素/样式（在Chrome控制台中以iPhone 6查看页面）你会明白我的意思。

任何帮助将不胜感激！

开发网站： http://rosasfreelancedesign.com/dev/douglas/mobile/

Answer 1

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

<h2>Douglas Arizona</h2>

应该是这样的：

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

风格应该是这样的：

h2#name {
      width: 200px;
      }

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