CSS中不同单位的对比

 

1.px

px（Pixel，像素），相对长度单位，是相对于显示器屏幕分辨率而言的。

px没有什么特别的地方，设置多少px就显示多少px；

 

2.em

em不同于px，它的值并不是固定不变的，不同情况下它设置的值是不一样的。

 

3.rem

rem类似于em，不过rem只相对于根元素（html）的字体大小，一般用作移动端适配。

 

4.vw和vh

vw和vh分别是参考视口的宽度和高度的。