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