css最小宽度 min-width

css最小宽度 min-width


css最小宽度 min-width 属于width宽度一类变量宽度。对应了解 css最大宽度 max-width.

网页div css布局中使用min-width 最小宽度样式。

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

在现在全屏100%宽度布局越来越多,但有时手机浏览器或电脑浏览器比较小,但又不想太小宽度浏览器导致布局变形,所以我们常常设置一个css最小宽度。这样当浏览器窗口宽度任意缩小到最小宽度样式后,网页宽度就不再随浏览器缩窄而缩窄。

布局时候 我们只需要对最外层div设置最小宽度或对body直接设置最小宽度css即可。

1、最外层div设置最小宽度
假如最外层DIV命名为#warp。

#warp{min-width:980px}

这样浏览器变窄或分辨率再小,此网页宽度最小也是980px.

2、body设置最小宽度

body{min-width:780px}

这个简单,对网页直接设置最小宽度为780px,网页再小最小宽度都是780px,宽度100%全屏下随浏览器分辨率变小而变小,但最终网页最小宽度为780px.



作者:@悦阁网络科技 

悦阁网络科技有限公司专业为中小企业提供精致的佛山网站建设佛山网站设计佛山网站制作及相关网络营销等服务,是广佛地区最好的网络科技公司之一,在广佛做网站开发就找悦阁网络科技!

您对建网站有需求?请回到首页“悦阁网络”官网  查找您想建哪种类型的网站,然后联系我们客服QQ,我们将竭诚为您服务!