当前位置 : 主页 > 网页制作 > css >

css如何设置最小宽度

来源:互联网 收集:自由互联 发布时间:2021-09-04
在css中,可以使用“min-width”属性来设置最小宽度,语法“min-width:数值”。min-width属性会对元素的宽度设置一个最小限制;因此,元素可以比指定值宽,但不能比指定值窄。该属性不允

在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如何设置最小宽度的详细内容,更多请关注自由互联其它相关文章!

网友评论