CSS 值:长度
表示距离的度量。长度形式为一个数字后跟一个或多个绝对或相对单位缩写。
绝对长度
| 单位 | 描述 | 示例 |
|---|---|---|
px |
参考像素。通常等于一个物理像素(例如,构成显示器屏幕的发光点之一),尽管在高分辨率显示器上或页面缩放时可能更多。 | margin-left: 50px; |
in |
英寸。一英寸,假设显示像素密度为 96dpi(因此 1in 等于 96px)。 |
width: 4in; |
pc |
派卡(Pica)。一英寸的 1/6(因此 1pc 等于 0.167in,或 16px)。 |
width: 24pc; |
pt |
点(Point)。一英寸的 1/72(因此 1pc 等于 0.014in,或 1.333px)。 |
font-size: 14pt; |
cm |
厘米。一厘米,假设显示像素密度为 96dpi(因此 1cm 等于 37.795px)。 |
height: 7cm; |
mm |
毫米。一厘米的 1/10(因此 1mm 等于 0.1cm,或 3.780px)。 |
height: 70mm; |
q |
四分之一毫米。一厘米的 1/40(因此 1mm 等于 0.025cm,或 0.945px)。 |
height: 280q; |
相对长度
字体相对
| 单位 | 描述 | 示例 |
|---|---|---|
em |
Em。框的 font-size 属性的计算值。如果用于 font-size 本身,则为继承的字体大小的计算值。 |
font-size: 1.5em; |
ex |
X-height。通常等于小写字母“x”的高度。如果无法计算,则等于 0.5em。 |
line-height: 3ex; |
ch |
字符。通常等于数字“0”字符的宽度。如果无法计算,则等于 0.5em。 |
font-size: 2ch; |
rem |
根 em。根元素框的 font-size 属性的计算值。如果用于 font-size 本身,则为初始字体大小。 |
width: 20rem; |
视口百分比
| 单位 | 描述 | 示例 |
|---|---|---|
vw |
视口宽度。等于视口宽度的 1%。 | width: 50vw; |
vh |
视口高度。等于视口高度的 1%。 | line-height: 10vh; |
vmin |
视口最小。等于 vw 或 vh — 取较小者。 |
margin: 5vmin; |
vmax |
视口最大。等于 vw 或 vh — 取较大者。 |
padding: 10vmax; |
