runoops.com

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 函数

Captcha Code

0 笔记

分享笔记

Inline Feedbacks
View all notes