Bootstrap と Flat UI を使用しています。ヘッダー領域を全幅に広げ、残りの Web サイトを 940px のコンテナー内に収めようとしています。ヘッダー領域はモバイル以外のすべてのブラウザーで適切に表示されますが、iOS6 で Safari と Chrome を使用して表示すると、ヘッダーが全幅に広がっていません。誰でも助けることができますか?
質問する
436 次
1 に答える
0
問題は、Web サイトのコンテンツ領域の幅が 940 ピクセルに固定されていて、トップ バナーがビューポートの 100% しか占有しないように設定されていることです。携帯電話では、ビューポートの 100% が 940 ピクセル未満であるため、水平方向にスクロールして残りのコンテンツを表示できますが、トップ バナーはビューポートの元の 100% よりも長く伸びません。
代わりに、メディア クエリを使用してコンテンツ エリアの応答性を高め、小さな画面ではより狭くするか、コンテンツ エリアの幅を 100% にするか、バナーの幅を最小にすることができます。 940pxの。
于 2013-07-01T13:31:44.377 に答える