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

Question

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

虽然我在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

这适用于具有1,024像素x的宽度的中心的网页：

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