欧美日韩国产一区二区|qovd片|小明个人发布看看|小浪货你夹真紧水又多|老头把我添高潮了A片故|99热久久精品国产一区二区|久久久春色AV

網頁縮小瀏覽器窗口后背景色丟失解決方法 瀏覽器處于縮小狀態怎么辦

在做不是響應式的網頁中 , 根據各自的需求,一般都給網頁設定一定的版心,有時會遇到下面這個問題!
有一個通欄的100%上有背景色的DIV,然后版心設置1200px居中顯示內容,當這網頁隨著瀏覽器窗口縮小后,縮小到出現橫向滾動條,然后往右拉滾動條的話,這個含有背景色的DIV就會出現留白空隙!今天就來說說如何解決該問題!
先舉個例子:

網頁縮小瀏覽器窗口后背景色丟失解決方法 瀏覽器處于縮小狀態怎么辦

【網頁縮小瀏覽器窗口后背景色丟失解決方法 瀏覽器處于縮小狀態怎么辦】
網頁縮小瀏覽器窗口后背景色丟失解決方法 瀏覽器處于縮小狀態怎么辦

縮小瀏覽器出現滾動條后效果圖:
網頁縮小瀏覽器窗口后背景色丟失解決方法 瀏覽器處于縮小狀態怎么辦

把橫向滾動條向右拉,超出視口的部分丟失了背景色:
解決方法:
在外層div上面設置min-width: 1200px;即可解決
網頁縮小瀏覽器窗口后背景色丟失解決方法 瀏覽器處于縮小狀態怎么辦

外層div的寬度是100%,就是視口的大?。?當視口被拉窄到小于內層div的寬度1200px時,比如800px,此時外層div寬度為800px,內層div寬度依然為1200px,而css中只設置了外層div有背景色 , 所以說只有800px那一部分會顯示背景色 , 而超出視口的部分是屬于內層div的,內層沒有設置背景色 , 所以是空白!

相關經驗推薦