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

时间:2010-11-10 15:22:57

标签: css ipad margin centering

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

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

请参阅下面的截图:

2 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:2)

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

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