CSS/Lengths and Units

< CSS

为指定宽度、高度或其他长度,可用的度量单位有:

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是相对度量单位。并不指出一个固定长度。而是随其他量的变化而变。对于emex,随某些元素的字体尺寸变化而变。

屏幕像素, 打印机像素和CSS像素 编辑

px单位指出CSS像素长度。它不同于屏幕像素, 打印机像素。

计算 编辑