CSS max() 函数

定义和用法

CSS 的 max() 函数会从逗号分隔的值列表中选择最大的值作为属性值。

实例

使用 max() 将 #div1 的宽度设置为至少 300px，但如果视口宽度超过 600px，则宽度会更宽（50%）：

#div1 {
  background-color: yellow;
  height: 80px;
  width: max(50%, 300px);
}

亲自试一试

CSS 语法

max(value1, value2, ...)
值 描述
value1, value2, ... 必需。逗号分隔的值列表，从中选择最大的值。

技术细节

版本： CSS Values and Units Module Level 4

浏览器支持

表格中的数字表示首个完全支持该函数的浏览器版本。

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

相关页面

参考：CSS min() 函数

教程：CSS 数学函数