%

css最小宽度 min-width

21 . Jan . 2019

分享到:

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,我们将竭诚为您服务!