css 单位

px（pixel）：像素单位，是相对于显示器屏幕分辨率而言的。
em：相对长度单位，是相对于其父元素字体大小的倍数。例如，一个元素的字体大小设置为 16px，而它的子元素字体大小设置为 1.5em，则其实际字体大小为 24px。
rem：相对长度单位，是相对于根元素（即 html 元素）字体大小的倍数。例如，如果根元素字体大小设置为 16px，而某个元素的字体大小设置为 1.5rem，则其实际字体大小为 24px。
%（百分比）：相对长度单位，是相对于父元素尺寸的百分比。例如，一个元素的宽度设置为 50%，则其实际宽度为其父元素宽度的一半。
vw（viewport width）和 vh（viewport height）：视口单位，是相对于视口宽度和高度而言的。其中，1vw 等于视口宽度的 1%，1vh 等于视口高度的 1%；vmin 和 vmax 表示相对于视口宽度和高度中较小或较大值的长度单位。
假设当前浏览器窗口的宽度为 800px，高度为 600px，则：
```
1vh = 1% * 600px = 6px
1vw = 1% * 800px = 8px
1vmin = 1% * min(800px, 600px) = 1% * 600px = 6px
1vmax = 1% * max(800px, 600px) = 1% * 800px = 8px
```

css 单位 ​