用css3的calc()函数做自适应

pc端做自适应以前知道有百分比，媒体查询，flex布局，今天发现一个好用的自适应布局的方法，css3的calc（）函数，参数是一个表达式，他的作用是自动计算元素数据，pc端可以做宽度自适应，移动端可以做高度自适应，例子如下

width:calc(100% - 20px);
height:calc(100% - 20px);

使用“+”、“-”、“” 和 “/”四则运算，可以使用百分比、px、em、rem等单位，而且可以混用多种单位计算
注意的点 calc（）里面的表达式 0 做除数会报错，使用“+”，“-”时，前后需要空格，""、“/”不需要空格