CSS测量单位'em'实际上代表什么?

82

如标题所述,我想知道CSS单位“em”具体代表什么。
就像“cm”代表centimeter(厘米)一样。

我不是在问什么是“em”,也不是它的用法!

我在W3C上找不到答案。
维基百科文章中已经提到了“某些事情”:

“em”的名称与M有关。最初,该单位是根据给定字体中大写字母“M”的宽度而导出的。

我的解释是,“em”是字母“M”的发音/音标。
但读第二句话时,似乎“em”中的“e”代表字母“M”的宽度方面的某些内容。
所以我还是不知道“em”真正代表什么!


4
看到所有这些糟糕的回答,我觉得我应该关闭它,因为说实话,它并不是我们网站上真正的主题。你的问题唯一使其与Stack Overflow略有关联的是em单位在CSS中的使用,但它不是一个关于CSS的问题。 - BoltClock
4
@Bolt:我同意你对于糟糕回答的看法,不过你会推荐哪一个StackExchange网站呢? - drkthng
1
在此期间关闭。如果英语.SE的版主需要,我可能会重新开放并移动您的问题和我的答案。 - BoltClock
5
现在W3C已经有了一个关于它的页面,链接是:http://www.w3.org/WAI/GL/css2em.htm。 - nu everest
6
它代表着短暂的单位。 - IamBatman
显示剩余2条评论
2个回答

77
这是一个历史性的定义;在现代使用中,它仅简单地指字体的大小,而单词“em”本身不再具有任何实际或相关的意义。事实上,同一维基百科文章在后面的部分扩展了其使用和含义的演变:
“一个em在传统上被定义为当前字体和点大小中大写字母M的宽度,因为M通常被铸造成方块或“em-quads”(也称为“mutton-quads”)的全宽,这些用于印刷机。然而,在现代字体中,字符M通常略小于一个em的宽度。此外,随着该术语扩展到包括更广泛的语言和字符集,其含义已经发生了变化;这使得它能够包括那些不包括大写字母M的字体,字形和字符集,如中文和阿拉伯字母。因此,em通常表示所讨论字体的点大小,这与字体铸造时金属体的高度相同。”
特别是在CSS方面,“em”并不一定指某个字体中大写M的宽度;它只是相对量。
如果您想了解“em”一词的词源,维基百科本身仅包含对Adobe术语表的引用,后者对此没有更多的解释:
“排版中常见的度量单位。传统上,em被定义为当前字体和点大小中大写M的宽度。它更准确地定义为当前的点大小。例如,在12点字体中,em是12个点的距离。”
没有任何权威的地方明确提到它是大写字母M的音标表示,但考虑到其同名的定义,我不排除这种可能性。

即使是历史上的,那时的'em'代表什么?你能更清楚地指出吗?谢谢。 - drkthng
7
你已经回答了自己的问题:它是字母“M”的语音表示。 - BoltClock
我不确定,因为维基百科解释的这部分没有来源,并且使用“与M相关”相当含糊,不是吗? - drkthng
@drkthng:没错,但从外观来看,这就是我们所拥有的全部。 - BoltClock
完全同意你的观点! - drkthng

6
在我看来,em 只是字母 "M" 的发音或音标,没有其他含义。类似地,我们有 ex,其中一个 ex 是字体的 x 高度(x 高度通常约为字体大小的一半)。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接