CSS max() 函数

实例

使用 max() 函数将 #div1 的宽度设置为最大的值，取 50% 或 300px 的最大值：

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

max() 函数让你可以从一个逗号分隔的表达式列表中选择最大的值作为属性的值。

max() 函数方法接受一个或多个用逗号分隔的表达式作为他的参数，数值最大的表达式的值将会作为指定的属性的值。

/* 属性: max(expression [, expression]) */
width: max(10vw, 4em, 80px);

在上面这个例子中，宽度最小会是 80px，除非视图宽度大于 800px 或者是一个 em 比 20px 宽。简单来说，最小宽度是 80px。你也可以认为 max() 的值提供了一个属性最小可能的值。

支持版本：CSS3

表格中的数字表示支持该函数的第一个浏览器版本号。

函数
max()	79.0	79.0	75.0	11.1	66.0

max(value1, value2, ...)

值	描述
value1, value2, ...	必须。逗号分隔值列表，选择最大值。