0

iPad の中央揃えに問題があります。iPad Safari および iPad Chrome ブラウザで正しく動作しません - Web で見つけたすべてのアドバイスを試しましたが、私の場合の解決策が見つかりませんでした。

私のウェブサイトはnewgranatik.tw1.ruで、この中間 (メイン) ブロックに問題があります。

4

2 に答える 2

0

貴サイトを詳しく拝見しました。問題は、ブラウザの幅を狭める (または解像度の低いデバイスで表示する) と、#main-container中心自体が{margin: 0 auto} 1200px#headerの幅で静的なままになるため、両方とも整列に失敗することです!

(デスクトップ上で) ブラウザー ウィンドウの幅を縮小して、iPad のレンダリング方法を再現します。

ヘッダーの自動サイズ変更と自動中央揃えをお勧めします。css を使用して、低解像度/モバイル画面用にロゴのサイズを縮小することから始めることができます。

そうでなければ、サイトのデザインは素晴らしいです。

于 2013-08-14T20:37:39.800 に答える
0

私は興味深い解決策を見つけました - 私のウェブサイトにメタタグを追加してください

<meta name="viewport" content="width=[widest centered div];"/>
于 2013-08-14T20:35:42.580 に答える