【发布时间】：2011-05-07 22:54:25
【问题描述】：
我最近建立了一个网站并使用margin: 0 auto 将其居中。我还将元素包装在一个宽度设置为 960px 的 .wrapper 类中，然后让父元素扩展到整个浏览器。
但是，当我在 iPad 上查看 the Brands screen 时，该站点是左对齐的，并且没有延伸到整个窗口。关于为什么会发生这种情况以及如何纠正它的任何想法？
截图如下：
【问题讨论】：
【发布时间】：2011-05-07 22:54:25
【问题描述】：
看起来您在该页面上遇到了一些验证错误：
我怀疑他们可能会导致问题。如果您查看页面，例如Chrome，您会在包装器<div> 之外看到一个水平滚动条和空间，因此问题不仅限于 iPad。
【讨论】：
-
感谢您的回复。我在原始问题中添加了屏幕截图。
-
主页没有所有这些验证问题（尽管确实有一个），而且看起来不错，因此我认为它们是问题的一部分。
这适用于宽度为 1024 像素的居中网页：
<meta name="viewport"
content="width=device-width, initial-scale=0.95, maximum-scale=0.95">
【讨论】：