Skip to content

Latest commit

 

History

History
26 lines (21 loc) · 587 Bytes

010-unit.md

File metadata and controls

26 lines (21 loc) · 587 Bytes
title date icon category tag
样式单位
2022-07-18
percent
CSS
布局
frontend
basic-knowledge

::: info

更详细的内容可见 MDN。

:::

CSS 布局里有一些不同的样式单位,常见如下:

  • px:绝对单位,像素;
  • em:相对于自身字体大小的单位;
  • rem:相对于 html 标签字体大小的单位;
  • vh:相对于视口高度大小的单位,20vh == (视口高度/100)*20;
  • vw:相对于视口宽度大小的单位, 20vw == (视口宽度/100)*20;
  • %:父元素的百分比。