css最小寬度 min-width 屬於width寬度一類變量寬度。對應了解 css最大寬度 max-width.
網頁div css布局中使用min-width 最小寬度樣式。
最小寬度語法:
min-width:980px設置最小寬度為980px
在現在全屏100%寬度布局越來越多,但有時手機浏覽器或電腦浏覽器比較小,但又不想太小寬度浏覽器導致布局變形,所以我們常常設置一個css最小寬度。這樣當浏覽器窗口寬度任意縮小到最小寬度樣式後,網頁寬度就不再隨浏覽器縮窄而縮窄。
布局時候 我們只需要對最外層div設置最小寬度或對body直接設置最小寬度css即可。
1、最外層div設置最小寬度
假如最外層DIV命名為#warp。
#warp{min-width:980px}
這樣浏覽器變窄或分辨率再小,此網頁寬度最小也是980px.
2、body設置最小寬度
body{min-width:780px}
這個簡單,對網頁直接設置最小寬度為780px,網頁再小最小寬度都是780px,寬度100%全屏下隨浏覽器分辨率變小而變小,但最終網頁最小寬度為780px.