相对长度

相对长度单位指定了一个长度相对于另一个长度的属性,相对于不同设备相对长度更加适用

单位 描述
em 描述应用当前元素的字体尺寸,所以也是相对长度;一般默认字体大小为16px,所以一般1em = 16px
rem 相对于根元素的字体大小 ;一般默认字体大小为160px,所以默认1rem = 16px
vw 视窗宽度(屏幕宽度),1vw = 视窗宽度1%
vh 视窗高度(屏幕高度),1vh = 视窗高度的1%
vmin vw和vh中较小的那个
vmax vw和vh中较大的那个

绝对长度

绝对长度单位是一个固定的值,它反应一个真实的物理尺寸。绝对长度单位视输出介质而定,不依赖于环境(显示器、分辨率、操作系统等)。

单位 描述
cm 厘米
mm 毫米
in 英寸 (1in = 96px = 2.54cm)
px 像素 (1px = 1/96th of 1in)
pt point,大约1/72英寸; (1pt = 1/72in)
pc pica,大约 12pt,1/6英寸; (1pc = 12 pt)