可視領域よりも大きな背景画像を使用する方法

私はbgイメージの幅が1300pxです。可視領域よりも大きな背景画像を使用する方法

width：100％background-image（ 'image-bg'）の中心を持つ#headerコンテナを作成します。コンテンツは960pxです。マージン：0 auto;それはいつも中心にあるでしょう。

#headerは#pageコンテナにあり、background-image（ 'image-bg-border'）の中心も100％です。

しかし、私は小さな幅の値でブラウザのサイズを変更すると、＃header、または960pxを持つ他の要素のコンテンツよりも#page、body、htmlが小さくなります。マージン：0 auto。

#pageを#headerと同じ幅にするには、小さな幅でサイズを変更するとどうなりますか？温度リンク：削除

EDIT：幅の小さい方のブラウザのサイズを変更している間にdiv＃ページを見てください。 #pageの#headerは#pageより大きくなり、このスクロールを水平の右側に表示します。

出典

2012-01-23 Alqin

申し訳ございませんが質問は不明です。リンク先のページは、幅を狭くすると水平スクロールバーになります。あなたが望むものではありませんか？その後、あなたはより良く説明する必要があります。 –

ブラウザのサイズを大きく変更すると、ブラウザの幅が小さい値になり、#pageと#headerは同じままになりますが、#pageは小さくなります。このサイズ変更ブラウザを小さな幅に大きく表示するには、水平方向から右側にスクロールします。 Google Chrome、デベロッパーツールなどのものを使用してください（明らかに、あなたが私を助けることができない場合はわかります） – Alqin

div＃ページには幅が設定されていないため、デフォルトではウィンドウの幅になります。内部のヘッダー＃ブランディングの最小幅は960ピクセルです。したがって、div＃ページ領域外に拡張されます。

div＃ページの最小幅を960ピクセルにしますか、ページ全体をウィンドウ幅に制限しますか？

出典

2012-01-23 21:50:47

私はdiv＃ページでそれを完全に逃しました。私はそれを解決した。同じサイズ変更時に別の問題があります。ブラウザが小さいサイズでサイズ変更されている最上部をスクロールすると、フォントは少し小さくなります。どうして？ – Alqin

@Alqinあなたに戻ってくるのにずっと時間をかけて申し訳ありません。忙しい日。しかし、あなたのtwentyelevenスタイルシートに '@media（max-width：650px）'があります。これは狭い画面でフォントサイズを小さくします。 –

本当にありがとうございました。私はまだ多くのことを学ぶ必要があります。 – Alqin

可視領域よりも大きな背景画像を使用する方法

答えて

関連する問題