为什么我的网页在iPad上左对齐？

Question

我最近建立了一个网站，并使用margin: 0 auto将其集中。我还在.wrapper类中包装元素，其宽度设置为960px，然后让父元素在整个浏览器中扩展。

当我在iPad上查看the Brands screen时，该网站是左对齐的，并不会延伸到整个窗口。有什么想法可能会发生这种情况，以及如何纠正它？

请参阅下面的截图：

Answer 1

看起来您在该页面上遇到了一些验证错误：

• http://validator.w3.org/check?uri=http://www.propet.com/brands/&charset=(detect+automatically)&doctype=Inline&group=0

我怀疑他们可能会导致这个问题。如果你看一下例如Chrome，您会在包装器<div>外看到水平滚动条和空格，因此问题不仅限于iPad。

Answer 2

这适用于宽度为1024像素的中心网页：

<meta name="viewport"
      content="width=device-width, initial-scale=0.95, maximum-scale=0.95">