px,em,rem,vw/vh的定义与区别

px:像素值

不多赘述

em/rem

em是相对于当前像素的font-size 

如果font-size是10px, 0.5em就是5px

rem是相对于html根元素的font-size

vw/vh

全称viewport width/viewport height

1vw/1vh 就是当前设备宽度的1%

em/rem 和 vm/vh 精度

vm/vh 精度更高,因为它针对的是视窗大小,但可以忽略不计

猜你喜欢

转载自blog.csdn.net/CSDN_go_die/article/details/121529543