相对长度
相对长度单位指定了一个长度相对于另一个长度的属性,相对于不同设备相对长度更加适用
单位 | 描述 |
---|---|
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) |