【HTML/CSS】单位小结

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：关于视口高度和宽度两者的最小值或者最大值。