在css中,可以使用“min-width”屬性來設(shè)置最小寬度,語法“min-width:數(shù)值”。min-width屬性會對元素的寬度設(shè)置一個最小限制;因此,元素可以比指定值寬,但不能比指定值窄。該屬性不允許指定負(fù)值。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
最小寬度語法:
min-width:980px設(shè)置最小寬度為980px
在當(dāng)時全屏100%寬度構(gòu)造越來越多,但無意手機瀏覽器或電腦閱讀器比較小,但又不想太小寬度閱讀器招致機關(guān)變形,以是我們常長期置一個css最小寬度。多么當(dāng)涉獵器窗口寬度任意縮小到最小寬度格式后,網(wǎng)頁寬度就不再隨瀏覽器縮窄而縮窄。
機關(guān)時辰 咱們只緊要對最外層div設(shè)置最小寬度或?qū)ody直接設(shè)置最小寬度css即可。
最外層div設(shè)置最小寬度
要是最外層DIV定名為#warp。
#warp{min-width:980px}
多么瀏覽器變窄或辨別率再小,此網(wǎng)頁寬度最小也是980px.
body設(shè)置裝備擺設(shè)最小寬度
body{min-width:780px}
這個簡單,對網(wǎng)頁直接配置最小寬度為780px,網(wǎng)頁再小最小寬度凡是780px,寬度100%全屏下隨涉獵器鑒別率變小而變小,但最終網(wǎng)頁最小寬度為780px.
推薦學(xué)習(xí):css視頻教程