CSS max() 函数

最后更新于：2022-03-27 03:03:57

CSS max() 函数

CSS max() 函数 CSS 函数

实例

使用 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

CSS 语法

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

CSS max() 函数 CSS 函数