max-width

语法：

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

默认值：none

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

继承性：无

动画性：当值为 <length> | <percentage> 时

计算值：指定的值

媒　体：视觉

取值：

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

说明：

定义元素的最大宽度。
  • 当max-width属性的值小于width时，max-width属性将会被忽略，同时width会忽略自己的值定义而使用max-width的值作为自己的使用值。
  • 当max-width属性的值大于width时，max-width属性将会被忽略。
  • 当max-width属性的值小于min-width时，max-width属性将会被忽略。
  • 对应的脚本特性为：maxWidth。

兼容性：

  • 浅绿 = 支持
  • 红色 = 不支持
  • 粉色 = 部分支持
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+

示例：