html中的长度单位：px、em、rem、%、vw、vh、vnim、vmax、calc（）
px：像素，固定大小，涉及到适配的时候并不好用
em：相对于父元素字体的大小，一般也很少用
rem：相对于根元素字体的大小（即html标签），经常用于移动端（rem适配），比如html字体大小为16px,那么1rem就是16px;
%：百分比适配中经常用，我通常会和rem适配结合一起用
vw：视口宽度的1%
vh：视口高度的1%
vnim：视口高度和宽度中较小的那个的1%
vmax：视口高度和宽度中较大的那个的1%
calc（）：用于动态计算长度的值，例如： calc(100% - 10px)；