- CSS
- 属性计算
Less:
.wrap {
height: calc(~"100vh - 50px");
}
Sass or pure css:
.wrap {
height: calc(100vh - 50px);
}
2、比较函数
- clamp(min,flexible,max)
- min(item,item,item...)
- max(item,item,item...)
三种方法均作为自适应页面css属性,max和min方法中至少有如x%,x vw等等可变参数,clamp方法中flexible为可变参数,min和max为左右阈值