CSS/Lengths and Units
< CSS
为指定宽度、高度或其他长度,可用的度量单位有:
Code | 定义 | 注释 |
---|---|---|
em | 元素的字体的高度 | |
ex | 元素的字体的字母'x'的高度 | |
px | 像素 | |
mm | 毫米 | |
cm | 厘米 | |
pt | point (1/72 英寸) | |
pc | pica (12 points, 即1/6英寸) | |
in | 英寸 |
长度也可表示为另一个长度的百分比。这可能使情况复杂化,因为基线长度随着属性的不同而不同。例如,用属性margin
计算百分比是基于包含块的宽度。用属性font-size
计算百分比,是基于父元素的font-size
。而用属性line-height
计算百分比,是基于当前元素的font-size
。
屏幕上的字体尺寸最好基于百分比或以em
为度量单位。这意味着页面将跟着用户字体选择而变化。用像素(px
)为单位指定字体尺寸会导致一些问题,应该尽量避免。
绝对度量单位mm
, cm
, pt
, pc
, in
在屏幕上工作不好,在很多老浏览器上会引发问题。这些用在打印时更安全。但即使打印,使用这些度量单位也与用户的选择难以交互。
相对度量单位
编辑3个度量单位:em
, ex
, px
是相对度量单位。并不指出一个固定长度。而是随其他量的变化而变。对于em
和ex
,随某些元素的字体尺寸变化而变。
屏幕像素, 打印机像素和CSS像素
编辑px
单位指出CSS像素长度。它不同于屏幕像素, 打印机像素。