css绝对单位（例如px）和相对单位（例如em）的区别

两种主要的长度单位：绝对的和相对的。

绝对长度单位（例如px），最后得到的大小=自定义的px大小。

相对单位，例如em、rem、percentages（百分比）、Viewport  units（视口单位），是相对于另一个长度值而言的。

em基于父级元素字体的大小。如果你用它来设置font-size属性本身，则是相对于父级的font-size。最后得到的em大小=父级元素字体的大小*自定义的em值。

rem即root em，基于html元素的字体大小，最后得到的rem大小= html元素字体的大小*自定义的rem值。

percentages相对于父级容器元素的尺寸大小而言。

Viewport units相对于设备的视口尺寸（可理解为看得到的浏览器版面，它的宽度或高度）而言，

有如下4种不同的视口单位：

vw（视口宽度）：10vw将是视口宽度的 10%。

vh（视口高度）：3vh将是视口高度的 3%。

vmin（视口最小值）：70vmin将是视口较小尺寸（高度或宽度）的 70%。

vmax（视口最大值）：100vmax将是视口较大尺寸（高度或宽度）的 100%。