在css中,可以使用「min-width」屬性來設定最小寬度,語法「min-width:數值」。 min-width屬性會對元素的寬度設定一個最小限制;因此,元素可以比指定值寬,但不能比指定值窄。該屬性不允許指定負值。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
最小寬度語法:
min-width:980px設定最小寬度為980px
在當時全螢幕100%寬度建構越來越多,但無意手機瀏覽器或電腦閱讀器比較小,但又不想太小寬度閱讀器招致機關變形,以是我們常長期置一個css最小寬度。多麼當涉獵器視窗寬度任意縮小到最小寬度格式後,網頁寬度就不再隨瀏覽器縮窄而縮窄。
機關時辰 咱們只緊要對最外層div設定最小寬度或對body直接設定最小寬度css即可。
最外層div設定最小寬度
要是最外層DIV定名為#warp。
#warp{min-width:980px}
多麼瀏覽器變窄或辨別率再小,此網頁寬度最小也是980px.
body設定裝備擺設最小寬度
body{min-width:780px}
這個簡單,對網頁直接設定最小寬度為780px,網頁再小最小寬度凡是780px,寬度100%全螢幕下隨涉獵器鑑別率變小而變小,但最終網頁最小寬度為780px.
推薦學習: css影片教學
以上是css如何設定最小寬度的詳細內容。更多資訊請關注PHP中文網其他相關文章!