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

你可能感兴趣的:(前端)