min(),
max()和
clamp()终于可以!
从Firefox 75,Chrome 79和Safari 11.1(除外
clamp)开始。
min()并
max()接受任意数量的参数。
clamp()具有语法
clamp(MIN, VAL, MAX),等效于
max(MIN, min(VAL, MAX))。
min()并且
max()可以嵌套。它们既可以在内部使用,也可以在
calc()外部使用,它们还可以包含数学表达式,这意味着您可以避免
calc()使用它们。
因此,原始示例可以写成:
max-width: max(500px, 100% - 80px);



