calc()
允许在声明 CSS 属性值时执行一些计算
width: calc(100% - 80px);
https://developer.mozilla.org/zh-CN/docs/Web/CSS/calc
max()
从逗号分隔符表达式中选择一个最大值作为 CSS 的属性值
width: max(10vw, 4em, 80px);
https://developer.mozilla.org/zh-CN/docs/Web/CSS/max
min()
从逗号分隔符表达式中选择一个最小值作为 CSS 的属性值
width: min(1vw, 4em, 80px);
https://developer.mozilla.org/zh-CN/docs/Web/CSS/min
minmax()
定义了一个长宽范围的闭区间, 需要与CSS Gird(网格)布局一起使用
https://developer.mozilla.org/zh-CN/docs/Web/CSS/minmax
clamp()
把一个值限制在一个上限和下限之间,当这个值超过最小值和最大值的范围时,在最小值和最大值之间选择一个值使用。
当首选值比最小值要小时,则使用最小值。
当首选值介于最小值和最大值之间时,用首选值。
当首选值比最大值要大时,则使用最大值。
font-size: clamp(1rem, 2.5vw, 2rem);
https://developer.mozilla.org/zh-CN/docs/Web/CSS/clamp
toggle()
允许子孙元素使用取值序列中的值循环替换继承而来的值
ul { list-style-type: toggle(circle, square); }
评论
还没有任何评论,你来说两句吧!