📅 最后修改于: 2023-12-03 14:40:17.214000 🧑 作者: Mango
max()函数CSS max()函数用于使用一组值中最大值来设置CSS属性的值。它接受一个或多个由逗号分隔的表达式作为参数，并返回这些值中的最大值。
max(value1, value2, ..., valueN)
value1 - 必选项，表示参与比较的第一个值。value2 - 可选项，表示参与比较的第二个值。valueN - 可选项，表示参与比较的第N个值。以下是使用max()函数设置font-size属性的示例：
/* 设置字体大小为20像素或者设备屏幕的50%中较小的那个 */
font-size: max(20px, 50vw);
在上述示例中，如果设备宽度为40像素，则font-size属性将被设置为20像素。如果设备宽度为100像素，则font-size属性将被设置为50像素。
另一个示例是使用max()函数设置width属性的示例：
/* 设置宽度为500像素或100%中较小的那个 */
width: max(500px, 100%);
在此示例中，如果元素在其容器内可以有500像素以上的空间，则它将被设置为500像素的宽度。如果元素在其容器内无法获得500像素的空间，则它将设置为父容器的100%宽度。
CSS max()函数提供了一种简单的方法，可以使用一组值中的最大值来设置CSS属性。 它尤其在响应式设计中非常有用，因为可以使用它自动调整具有显着差异的不同设备上的元素大小。