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是相对于显示器屏幕分辨率而言的。