CSS度量单位

1.em

相对长度单位，相对于当前对象内文本的字体尺寸，根据父元素的字体大小变化而变化。父元素的字体大小为20px，当前元素字体大小2em=2*20px=40px；

2.rem

相对长度单位，相对于根元素（html元素）字体的尺寸，不会受父元素的大小的影响。根元素的字体大小为16px，父元素的字体大小为20px，当前元素字体大小2em=2*16px=32px；

3.vw和vh

vw、vh全称viewport width、viewport height，视口的宽度和高度。相当于视口宽度、高度的1%。

4.vmin和vmax

视口宽度和高度的最小值、最大值的1%。例如，视口的宽度为1200px，视口的高度为800px，那么视口宽度、高度的最小值为800px，视口宽度、高度的最大值为1200px。则1vmin=800px*1%=8px，1vmax=1200px*1%=12px。

5.px

像素，绝对单位。物理屏幕能显示出的最小的一个点的尺寸。