在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字符为基准值

在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字符为基准值

相关文章:

  • 2022-12-23
  • 2021-10-21
  • 2022-12-23
  • 2021-07-07
  • 2021-06-10
  • 2021-08-04
猜你喜欢
  • 2021-12-29
  • 2021-12-20
  • 2022-12-23
  • 2022-12-23
  • 2021-06-24
  • 2021-09-09
  • 2021-05-28
相关资源
相似解决方案