css中的小招数

css的calc函数

频繁使用，1、会有渲染性能问题，2、会难以维护和理解

// calc(数学表达式),表达式中包含的操作符有加、减、乘、除
// 注意操作符前后都要有空格，不然不生效
padding: calc(10px + 2%);
font-size: calc(1em + 2vw);
height: calc((100vh - 50px) / 2);