您的位置:内蒙古11选五开奖5号的 > DIV CSS基础 > 正文

3d之家:css最小宽度 min-width

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

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

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.

相关标签: 宽度 最小
如需转载,请注明文章出处和来源网址:www.thinkcss.com/css/1116.shtml

日期:2016-11-20 15:57:21 来源:内蒙古11选五开奖5号的 www.phlmy.com 作者:css
  • 其实啊也不奇怪,菜做好了先来一份尝尝味道于是提前开吃了。 2019-08-19
  • 十九大精神进机关:原原本本吃透精神 学懂弄通昂扬斗志 2019-08-13
  • 我们是建立市场经济,公有制如何建立市场经济,就要明晰产权,不明晰产权如何建立市场经济? 2019-08-13
  • 2017巴塞尔国际钟表珠宝展 2019-08-11
  • 政务舆情回应如何把握语言分寸感? 2019-08-11
  • 候选案例:机井通电惠民生 2019-08-08
  • 2018年04期 中国国家地理网 2019-08-05
  • 解析视频播控平台黑产链 20元看12家网站VIP会员视频 2019-07-31
  • 西安外国语大学第二十四届校园文化艺术节闭幕式暨第一届朗读者圆满落幕西安外国语大学第二十四届校园文化艺术节-陕西教育新闻 2019-07-31
  • 俄罗斯世界杯今日开战,送上最全观赛指南!你最看好哪支球队? 2019-07-29
  • 《人民日报》让我爱上了文学(原创首发) 2019-07-29
  • 【北京页川车型报价】北京页川4S店车型价格 2019-07-27
  • 河北沧州经济开发区管理委员会 2019-07-24
  • 强村带弱村结对共发展 2019-07-24
  • 《读药》151期:短篇小说——解读蒋一谈《庐山隐士》 2019-07-15
  • 免费下载四川金7乐 北京快三计划精准版 篮球彩票让分胜负 欢乐生肖开奖查 快乐扑克任选2 两码中特期准 四川快乐12走势图任选基本走势图 管家婆六肖中特百度 网上买彩票的正规网站 竞彩足球比分360 吉利免费心水坛 okooo澳客网联系电话 30选5开奖结果湖北 七星彩走势图规律808 山东11选5快乐彩