max-width

  • 版本:CSS2
  • 媒体:视觉
wechat
WEB前端开发官方公众号
10年服务3000万前端开发工程师

微信号:webfedev

微信扫一扫关注,每天分享前端干货

语法:

max-width<length> | <percentage> | none

默认值none

适用于:除非置换内联元素,table-row, table-row-group之外的所有元素

继承性:无

动画性:当值为<length> | <percentage>

计算值:指定的值

取值:

none:
无最大宽度限制
<length>
用长度值来定义最大宽度。不允许负值
<percentage>
用百分比来定义最大宽度。不允许负值

说明:

设置或检索对象的最大宽度。
  • 如果max-width属性的值小于min-width属性的值,max-width将会自动以min-width的值作为自己的值。
  • IE6尚不支持此属性
  • 对应的脚本特性为maxWidth

兼容性:

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 6.0 2.0+ 4.0+ 3.1+ 4.0+ 3.2+ 2.1+ 18.0+
7.0+

示例: