一、px、em、rem、%和vw等单位
2018-11-16 本文已影响0人
懒羊羊3号
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")