max-width

  • 版本：CSS2
  • 2018.2.28

语法：

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+

示例：

相关文章
css appendix indexcss thank you for the contribute of css manualcss background clipcss border image widthcss border stylecss border widthcss max heightcss max widthcss min widthcss widthcss css flexible box layout module indexcss font stylecss list stylecss device width of media queriescss width of media queriescss column break aftercss column rule widthcss column widthcss webkit text stroke widthcss outline width
关注编程学问公众号