當屏幕尺寸縮小時，爲什麼我的100％背景div不能填充窗口？

Question

我有100％寬的背景和964像素寬容器的內容。當屏幕尺寸減小時，背景div不再填滿屏幕。

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

Answer 1

總之，你的背景div元件是在降低分辨率填充所述的窗口。 查看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: 964px;通過width: 100%;或width: inherited，例如：

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