css - iPad で Web ページが左揃えになるのはなぜですか?

Question

私は最近、サイトを構築し、margin: 0 auto. また、幅を 960px に設定したクラスで要素をラップし.wrapper、親要​​素をブラウザー全体に拡張しました。

ただし、iPadでブランド画面を表示すると、サイトは左揃えになり、ウィンドウ全体に広がりません。なぜこれが起こっているのか、そしてそれを修正する方法について何か考えはありますか?

スクリーンショットについては、以下を参照してください。

Answer 1

これは、幅が 1024px の中央揃えの Web ページで機能します。

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

Answer 2

そのページにいくつかの検証エラーがあるようです:

• http://validator.w3.org/check?uri=http://www.propet.com/brands/&charset=(検出+自動)&doctype=Inline&group=0

それらが問題を引き起こしている可能性があると思います。たとえば Chrome でページを見ると、ラッパーの外側に水平スクロールバーとスペース<div>が表示されるため、問題は iPad に限定されません。