max-width

介绍

用来给给定元素设置最小长度。它可以阻止width属性的应用值大于max-width的值。 max-width的值会覆盖width和min-width 。

取值

• <length> 以固定值为外边距。

• <percentage> 相对于包含块的宽度，以百分比值为外边距。

• 默认值 无限大 px

样例：

/* <length> */
max-width: 120px;
max-width: 10em;

/* <percentage> */
max-width: 75%;

标准化语法

<length> | <percentage>

与 Web 的区别

• mdn:max-widthopen in new window

暂时不支持 inherit、initial、revert、unset、max-content、min-content、fit-content 等取值。

max-width会覆盖min-width