Loading

css中的单位

前端开发中, 做适配是少不了的, 这就用到了css中的各种长度单位, 做一下总结

在css中, 长度单位分为以下几种

  • 绝对单位: px、in、cm、mm、pt、pc
  • 百分比单位: vw、vh、vmin、vmax、%
  • 相对单位: em、rem、ex、ch

各单位介绍

px

不用过多介绍, 精确像素

in

cm

厘米

mm

毫米

pt

大约1/72寸

pc

大约1/6寸

vw

以窗口宽度为参照, 1vw为窗口宽度的1%

vh

窗口高度为参照, 1vh为窗口高度的1%

vmin

窗口的宽度和高度中较小的一个为参照

vmax

窗口的宽度和高度中较大的一个为参照

%

以父节点为基准的百分比

em

以父节点字体大小为基准值

rem

以根节点字体大小为基准值

ex

当前字体x的高度为基准

ch

以当前字体0字符为基准值

posted @ 2019-06-09 21:21  烟草的香味  阅读(345)  评论(0编辑  收藏  举报