title | date | icon | category | tag | ||||
---|---|---|---|---|---|---|---|---|
样式单位 |
2022-07-18 |
percent |
|
|
::: info
更详细的内容可见 MDN。
:::
CSS 布局里有一些不同的样式单位,常见如下:
- px:绝对单位,像素;
- em:相对于自身字体大小的单位;
- rem:相对于 html 标签字体大小的单位;
- vh:相对于视口高度大小的单位,20vh == (视口高度/100)*20;
- vw:相对于视口宽度大小的单位, 20vw == (视口宽度/100)*20;
- %:父元素的百分比。