clamp()
知有
177
clamp()
它的用途在于,可以在length、frequency、angle、time、percentage、number、integer的属性中。
格式:
clamp(min,val,,max)
这三个参数值就是最小值,首选值、最大值,并且顺序不能乱。
规则:
当首选值比最小值小时,就用最小值。
当首选值介于最大盒最小之间,就用首选。
当首选值大于最大值时,就用最大值。
这其中的表达式能够使用数学函数、字面量或者其他计算为有效的参数类型表达式,如attr(),嵌套的min和max。
利用clamp就能够很好的实现让一些元素去动态的去适应网页。使网页更加的友好。
注意事项:
允许设置表达式是max()和min(),可以进行加减乘除的运算。
参与计算的值也可以是不同的单位。