CSS min() 函数

最后更新于:2022-03-27 03:03:59

CSS min() 函数

CSS min() 函数 CSS 函数

实例

使用 min() 函数将 #div1 的宽度设置为最小的值,取 50% 或 300px 的最大值:

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

尝试一下 »


定义与用法

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

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

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

在上面的例子中,宽度最多是 80px。如果视口的宽度小于 800px,或者一个 em 的宽度小于 20px,则会更窄。换句话说,最大宽度是 80px,

支持版本:CSS3


浏览器支持

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

函数
min() 79.0 79.0 75.0 11.1 66.0

CSS 语法

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

CSS min() 函数 CSS 函数