绝对长度单位------它们与其他任何东西都没有关系，通常被认为总是相同的大小。
| 单位 | 名称 | 等价换算 |
|---|---|---|
cm |
厘米 | 1cm = 37.8px = 25.2/64in |
mm |
毫米 | 1mm = 1/10th of 1cm |
Q |
四分之一毫米 | 1Q = 1/40th of 1cm |
in |
英寸 | 1in = 2.54cm = 96px |
pc |
派卡 | 1pc = 1/6th of 1in |
pt |
点 | 1pt = 1/72th of 1in |
px |
像素 | 1px = 1/96th of 1in |
这些值中的大多数在用于打印时比用于屏幕输出时更有用。例如，我们通常不会在屏幕上使用 cm（厘米）。惟一一个你经常使用的值，就是 px（像素）。
相对长度单位相对于其他一些东西，比如父元素的字体大小，或者视图端口的大小。使用相对单位的好处是，经过一些仔细的规划，你可以使文本或其他元素的大小与页面上的其他内容相对应。下表列出了 web 开发中一些最有用的单位。
| 单位 | 相对于 |
|---|---|
em |
在 font-size 中使用是相对于自己元素或父元素的字体大小，在其他属性中使用是相对于自身的字体大小，如 width。 |
rem |
根元素的字体大小。 |
vw |
视口宽度的 1%。 |
vh |
视口高度的 1%。 |
vmin |
视口较小尺寸的 1%。 |
vmax |
视口大尺寸的 1%。 |