CSS的长度单位

1.px像素

像素（px）是相对于观看设备的。对于低 dpi 的设备，1px 是显示器的一个设备像素（点）。对于打印机和高分辨率屏幕，1px 表示多个设备像素

2.%

相对父元素,百分比长度

3.em

它是描述相对于应用在当前元素的字体尺寸，所以它也是相对长度单位。一般浏览器字体大小默认为14px，则2em == 28px；

4.rem

根元素大小的倍数，rem作用于非根元素时，相对于根元素字体大小；rem作用于根元素字体大小时，相对于其出初始字体大小。

5.vh

视口**高度**的百分比，例如20vh则大小就是整的视图高度的20%。

5.vw

视口**宽度**的百分比，例如20vw则大小就是整的视图宽度的20%。

7.vmax

视图宽度高度大的作为参考，例如宽600px，高500px那么10vmax则是600*10%=60px。

8.vmin

视图宽度高度小的作为参考，例如宽600px，高500px那么10vmax则是500*10%=50px。