跳至主要內容

样式单位

njrCSS布局frontendbasic-knowledge小于 1 分钟约 128 字

相关信息

更详细的内容可见 MDN。

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

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