css设置最小宽度的方法

这篇文章给大家分享的是有关css设置最小宽度的方法的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

在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设置最小宽度的方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！