iPad の中央揃えに問題があります。iPad Safari および iPad Chrome ブラウザで正しく動作しません - Web で見つけたすべてのアドバイスを試しましたが、私の場合の解決策が見つかりませんでした。
私のウェブサイトはnewgranatik.tw1.ruで、この中間 (メイン) ブロックに問題があります。
iPad の中央揃えに問題があります。iPad Safari および iPad Chrome ブラウザで正しく動作しません - Web で見つけたすべてのアドバイスを試しましたが、私の場合の解決策が見つかりませんでした。
私のウェブサイトはnewgranatik.tw1.ruで、この中間 (メイン) ブロックに問題があります。
貴サイトを詳しく拝見しました。問題は、ブラウザの幅を狭める (または解像度の低いデバイスで表示する) と、#main-container
中心自体が{margin: 0 auto}
1200px#header
の幅で静的なままになるため、両方とも整列に失敗することです!
(デスクトップ上で) ブラウザー ウィンドウの幅を縮小して、iPad のレンダリング方法を再現します。
ヘッダーの自動サイズ変更と自動中央揃えをお勧めします。css を使用して、低解像度/モバイル画面用にロゴのサイズを縮小することから始めることができます。
そうでなければ、サイトのデザインは素晴らしいです。
私は興味深い解決策を見つけました - 私のウェブサイトにメタタグを追加してください
<meta name="viewport" content="width=[widest centered div];"/>