CSS min() 函数

定义和用法

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

提示：您可以将 min() 函数视为用于设置元素的最大限制值。

实例

使用 min() 将 #div1 的宽度设置为最多 300px，但如果视口宽度小于 600px，则宽度会更小（50%）：

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

亲自试一试

CSS 语法

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

技术细节

版本： CSS Values and Units Module Level 4

浏览器支持

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

Chrome Edge Firefox Safari Opera
79 79 75 11.1 66

相关页面

参考：CSS max() 函数

教程：CSS 数学函数