html - iPad/Safari でレイアウトが正しく表示されない

Question

私はウェブサイトhttp://orion.viperdmc.comを構築しています。レイアウトは、iPad で実行されている Safari を除くすべてのブラウザーで正常に動作するようです。

そのブラウザで、上部の大きな画像が iPad ディスプレイに収まるようにページのサイズを変更すると、下のコンテンツが中央ではなく左揃えで表示されます。

なぜこれが考えられるのか、誰にもアイデアがありますか?

Answer 1

マークアップの最初のコンテナの幅を画像に合わせることで修正できると思います（#feature-image-inner）：

.firstしたがって、マークアップの最初にクラスを追加.containerします。

<div class="container first">

次に、以下の CSS でターゲットを設定します。

.container.first{
    width: 1280px;
}