css大小单位px em rem的转换

作者：麦子时间：2021-07-05 阅读数：862人阅读

简介css大小单位px em rem的转换，rem、em、vh/vw、px各自代表的含义。

1.rem

rem是相对于根元素<html>字体的大小。通常做法是给html元素设置一个字体大小，一般浏览器默认字体大小为16px，那么可以看一下px单位与rem之间的转换关系：

2.em

子元素字体大小的em是相对于父元素字体大小,所以em的值并不是固定的，他会随着父元素字体大小改变而改变；

元素的width/height/padding/margin用em的话是相对于该元素的font-size。

3.vw/vh

全称是 Viewport Width 和 Viewport Height，视窗的宽度和高度，相当于屏幕宽度和高度的 1%，不过，处理宽度的时候%单位更合适，处理高度的话 vh 单位更好。

4.px

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