1 px和rpx
1.1 px
px是相对于显示器屏幕分辨率而言的，在PC端经常使用的单位，设计图纸中的px不用计算，直接使用，但是不能自适应。
1.2 rpx
rpx是小程序中css的尺寸单位，根据屏幕宽度自适配。
规定屏幕的宽度为750px，如果设备的宽度为375px,
设备宽度/屏幕宽度 = 1/2，也就是1rpx = 0.5px
屏幕宽度/设备宽度 = 2，也就是1px = 2rpx
2 em和rem
2.1 em
em是相对单位，是相对父节点的字体大小计算的。
2.2 rem
rem是相对单位，是相对根节点的字体大小计算的。浏览器默认的是16px
3 vh和vw
3.1 vh
vh是相对视口的高度，1vh=1%的视口高度
3.2 vw
vw是相对视口的宽度，1vw=1%的视口的宽度
3.3 补充
vmin and vmax：关于视口高度和宽度两者的最小值或者最大值。