css如何设置最小宽度-木庄网络博客

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

在css中，可以使用“min-width”属性来设置最小宽度，语法“min-width:数值”。min-width属性会对元素的宽度设置一个最小限制；因此，元素可以比指定值宽，但不能比指定值窄。该属性不允许指定负值。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

最小宽度语法：
min-width:980px设置最小宽度为980px

在当时全屏100%宽度构造越来越多，但无意手机浏览器或电脑阅读器比较小，但又不想太小宽度阅读器招致机关变形，以是我们常长期置一个css最小宽度。多么当涉猎器窗口宽度任意缩小到最小宽度格式后，网页宽度就不再随浏览器缩窄而缩窄。

机关时辰咱们只紧要对最外层div设置最小宽度或对body直接设置最小宽度css即可。

最外层div设置最小宽度
要是最外层DIV定名为#warp。

1	`#warp{min-width:980px}`

多么浏览器变窄或辨别率再小，此网页宽度最小也是980px.

body设置装备摆设最小宽度

1	`body{min-width:780px}`

这个简单，对网页直接配置最小宽度为780px，网页再小最小宽度凡是780px，宽度100%全屏下随涉猎器鉴别率变小而变小，但最终网页最小宽度为780px.

推荐学习：css视频教程

以上就是css如何设置最小宽度的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者