一、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")

上一篇下一篇

猜你喜欢

热点阅读