css中的max-width

原创 2016年06月01日 23:13:19
#mian{

    max-width:600px;

    margin:0 auto;

}

设置max-width主要是为了应对浏览器处理小窗口的时候的情况。这在移动端非常有用。当设置max-width的时候,浏览器会根据浏览器窗口的大小而自动调整空间的大小,而设置width的时候,如果浏览器的窗口变小,浏览器会出现滚动条。

相关文章推荐

CSS 基础(009_Max-width)

原始网址:http://www.w3schools.com/css/css_max-width.asp 翻译: CSS Layout - width and max-width 使用 wid...

理解CSS3 max/min-content及fit-content等width值

css

揭开CSS3媒体查询迷雾(min-width和max-width)

揭开CSS3媒体查询迷雾(min-width和max-width) http://www.cnblogs.com/lozio/p/4677738.html 本文参考MichelleKlan...

[CSS] 详细解释 @media 属性与 (max-width:) and (min-width) 之间的关系及用法

[CSS] 详细解释 @media 属性与 (max-width:) and (min-width) 之间的关系及用法 原文   http://blog.qiji.tech/archives/...
  • gertYY
  • gertYY
  • 2016年10月10日 21:30
  • 10073

Automatic Preferred Max Layout Width before iOS8.0 解决探索

项目中有时会出现这个警告”Automatic Preferred Max Layout Width before iOS8.0”,一般是在项目的xib文件(或storyboard中),这是Label的...

响应式布局下的max-width!

test.html

css中 Span 元素的 width 属性无效果原因及多种解决方案

先运行下程序看下: 123  输出:123 可以看到 span会自动根据包含的内容来变化宽度 这是因为:对于内联元素(可以是默认即为内联的比如 span 元素,也可以是 displa...
  • pjbwan
  • pjbwan
  • 2014年11月21日 09:41
  • 196

当css属性width设为100%时

平常在写页面html代码时,经常会使用到width:100%来使控件宽度为父控件的内容宽度。但如果父控件为body,而且没有明确设置body的宽度,那么就会出现以下的情况了。   代码: ...
  • cetinlo
  • cetinlo
  • 2017年05月26日 15:40
  • 196

CSS2.1SPEC:视觉格式化模型之width属性详解(上)

在介绍了包含块之后,CSS2.1标准中介绍了width属性和height属性,这两个属性在我们的页面布局中也发挥着重要的作用。在盒模型中,width和height包围了一个框的内容区域(content...

【CSS】padding,border,margin与width宽度的关系

padding,border,margin这三样东西不算难,算是在CSS中老生常谈的东西,但是要注意其对width的影响, 直接上一段极其简单的代码: margin_...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css中的max-width
举报原因:
原因补充:

(最多只允许输入30个字)