一、px、em、rem、%和vw等单位

px:像素(Retina屏幕1px实际上显示2px)
rem:相对于一个font-size，默认16px
em:要继承
%:相对于父元素

vw, vh, vmin, vmax：IE9+局部支持，chrome/firefox/safari/opera支持，ios safari 8+支持，android browser4.4+支持，chrome for android39支持
vw:视窗的宽度，100vw占满
vh:视窗的高度
vmin:vw和vh中较小的那个
vmax:vw和vh中较大的那个

跨单位计算
calc(100% - 40px)
less中的写法
calc(~"100% - 40px")