欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

css如何设置最小宽度

程序员文章站 2022-04-05 10:50:16
...

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

相关标签: css 最小宽度