px,em,rem的区别

1.px是固定长度单位，不随其它元素的变化而变化

2.em是相对于父级元素的单位，会随父级元素的属性（font-size或其它属性）变化而变化

3.rem是相对于根目录（HTML元素）的，所有它会随HTML元素的属性（font-size）变化而变化

4.视窗单位：视窗单位相对于设备的视窗尺寸 (宽度或高度) ，百分比是相对于父级元素的大小。

• vw：如 10vw的意思是视窗宽度的 10%
• vh：如 3vh的意思是视窗高度的 3%
• vmin：如 70vmin的意思是视窗中较小尺寸的 70% (高度 VS 宽度)
• vmax：如 100vmax的意思是视窗中较大尺寸的 100% (高度 VS 宽度)