calc()

声明属性值时执行一些基本数学运算

允许:

  • +:两边必须要有空白字符
  • -:两边必须要有空白字符
  • *:乘数中至少有一个是 <number>
  • /:除数必须是 <number>

用 0 作除数会使 HTML 解析器抛出异常
可以使用小括号来建立计算顺序

min(), max()

从逗号分隔符表达式中选择一个最小值,最大值作为 CSS 的属性值

width: min(1vw, 1em, 10px);
width: max(1vw, 1em, 10px);

clamp()

把一个值限制在一个上限和下限之间

参数:clamp( 最小值, 首选值, 最大值 )

  • 当 首选值 < 最小值,则使用最小值
  • 当 最小值 < 首选值 < 最大值,用首选值
  • 当 首选值 > 最大值,则使用最大值