1rem、1em、1vh(vw)、1px各自代表的含义

1rem、1em、1vh(vw)、1px各自代表的含义：

rem
页面所有使用rem单位的长度都是相对于根元素元素的font-size大小。即1rem等于根元素元素的font-size大小。

em

• 子元素字体大小的em是相对于父元素字体大小。
• 元素的width/height/padding/margin用em的话是相对于该元素的font-size。

vh、vw
全称是 Viewport Width 和 Viewport Height，视口的宽度和高度，1vh相当于 视口高度的 1%。

px
px像素（Pixel），相对长度单位。像素px是相对于显示器屏幕分辨率而言的。