css中min()函数的用法

min() 是一个 CSS 函数，用于获取一组数值中的最小值。它可以在 CSS 属性值中使用，以动态地选择最小值。

min() 的语法如下：

min(value1, value2, ...);

• value1, value2, ...：要比较的数值。

以下是一些示例：

1. 在宽度属性中使用 min()：

div {
  width: min(300px, 50%);
}

上述示例中，width 属性的值将是 300px 和父容器宽度的 50% 中的较小值。

1. 在字体大小属性中使用 min()：

p {
  font-size: min(16px, 1.2rem, 1.5vw);
}

上述示例中，font-size 属性的值将是 16px、1.2rem 和视口宽度的 1.5% 中的最小值。

1. 在盒子阴影属性中使用 min()：

div {
  box-shadow: 0 0 10px min(rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.8));
}

上述示例中，box-shadow 属性的值将是两个阴影颜色中的最小值。

min() 函数可以与其他 CSS 单位、数值或函数组合使用，以便根据需要选择最小值。请注意，min() 函数在一些旧版本的浏览器中可能不被完全支持，因此在使用时应谨慎考虑兼容性问题。