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

我最近建立了一个网站，并使用

margin:0auto

将其居中。我还将元素包装在一个

.wrapper

类中，宽度设置为960px，然后将父元素扩展到整个浏览器

不过，当我在iPad上查看时，该站点是左对齐的，不会延伸到整个窗口。有没有想过为什么会发生这种情况，以及如何纠正

请参见下面的屏幕截图：

---

该页面上似乎有一些验证错误：

---

我怀疑是他们造成了这个问题。如果你在Chrome浏览器中查看页面，你会看到一个水平滚动条和包装外的空间，因此问题并不局限于iPad。

这适用于宽度为1024px的居中网页：

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

感谢您的回复。我在我的原始问题中添加了一个截图。主页没有所有这些验证问题（尽管它确实有一个），而且看起来很好，因此我认为它们是问题的一部分。