1. 程式人生 > >網頁設定通欄後,縮小頁面有一部分不顯示

網頁設定通欄後,縮小頁面有一部分不顯示

  今天在寫一個小練習的時候發現,設定通欄背景width:100%  網頁縮小之後,有一部分不顯示.....

  甚是頭疼啊,查閱了相關資料才知道,設定的width:100%,是相當於當前文件流而言的,也就是瀏覽器視窗的大小。

假設,你的網頁主體寬度是1000px,而你將網頁縮小到800px之後,那麼通欄的寬度就是當前瀏覽器視窗的寬度800px,所以就hui有200px的寬度不顯示

解決辦法:

通欄的div設定min-width :1000px就可以了(不能小於網頁主體寬度)

 

 

這樣就解決問題了!!!!