clamp()

知有的头像
知有
177

clamp()

它的用途在于,可以在length、frequency、angle、time、percentage、number、integer的属性中。

格式:

clamp(min,val,,max)

这三个参数值就是最小值,首选值、最大值,并且顺序不能乱。

规则:

当首选值比最小值小时,就用最小值。

当首选值介于最大盒最小之间,就用首选。

当首选值大于最大值时,就用最大值。

这其中的表达式能够使用数学函数、字面量或者其他计算为有效的参数类型表达式,如attr(),嵌套的min和max。

利用clamp就能够很好的实现让一些元素去动态的去适应网页。使网页更加的友好。

注意事项:

允许设置表达式是max()和min(),可以进行加减乘除的运算。

参与计算的值也可以是不同的单位。

用户评论
评论列表