爲什麼我的網頁在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">