max()

max() 是一个实用的 CSS 函数，它允许开发者从一组逗号分隔的表达式中选择最大的值作为属性的值。这个函数可以应用于多种数据类型，包括 <length>、<frequency>、<angle>、<time>、<percentage>、<number> 和 <integer>。

/* property: max(expression [, expression]) */
width: max(10vw, 4em, 80px);

在上述示例中，元素的宽度将至少为 80px，除非视口宽度大于 800px 或 1em 大于 20px。简单来说，max() 函数确保属性值不会小于指定的最小值。这种功能在创建响应式设计时特别有用，可以确保元素在各种屏幕尺寸下都能保持最小可用尺寸。