首頁 >web前端 >css教學 >css如何設定最小寬度

css如何設定最小寬度

醉折花枝作酒筹
醉折花枝作酒筹原創
2021-04-15 18:23:146896瀏覽

在css中,可以使用「min-width」屬性來設定最小寬度,語法「min-width:數值」。 min-width屬性會對元素的寬度設定一個最小限制;因此,元素可以比指定值寬,但不能比指定值窄。該屬性不允許指定負值。

css如何設定最小寬度

本教學操作環境: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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn