画面サイズが縮小されたときに、100％幅のバックグラウンドdivがウィンドウに表示されないのはなぜですか？

Question

バックグラウンドでは100％幅のdivが、コンテンツでは964pxの幅のコンテナがあります。画面のサイズが小さくなると、背景のdivは画面に表示されなくなります。減少した解像度で画面を埋めある短い、あなたの背景div要素で

http://penknifedesign-studio.com/1st-choice/

Answer 1

。 subnav-contanerクラスと​​クラスを見ると、例えば、両方ともwidth: 100%;となり、画面の縮小に合わせてその幅が保持され、そのbackground宣言はそのまま残ります。

あなたは本当に尋ねようとしていることは何ですか？

Answer 2

はStyles.cssをでは、例えば、クラスの多くに一定の幅を設定します。

.inside-the-building { 
    width: 964px; 
    margin: 0 auto; 
    padding: 2%; 
    position: relative; 
    box-sizing: border-box; 
} 

あなたはメディアクエリ@media screen and (max-width: 770px)に達したときにこれはのみオーバーライドされます。これらのブレークポイントにはギャップがあります。私は、例えば、width: 100%;またはwidth: inheritedにより、すべてのwidth: 964px;を置き換える提案するソリューションとして

：

.inside-the-building { 
    width: 100%; 
    margin: 0 auto; 
    padding: 2%; 
    position: relative; 
    box-sizing: border-box; 
}