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

时间:2013-04-05 06:06:45

标签: css

正如标题所说,我想知道CSS单位'em'究竟代表什么 如'cm'代表 c enti m eter。

我不是在问他们是什么或者如何使用它!

我在W3C找不到答案 Wikipedia文章已经说了“某事”:

  

em的名称与M.有关。最初,该单位来自给定字体中大写字母“M”的宽度。

我对第一句话的解释是'em'是字母'M'的发音/语音。
但是读第二句话,似乎'em'中的'e'代表字母'M'的宽度。
所以我还是迷路了,他们真正代表的是什么!

2 个答案:

答案 0 :(得分:39)

这是一个历史定义;在现代用法中,它只是指字体的大小,单词“em”本身不再具有任何实际或相关的含义。事实上,同样的维基百科文章在a later section中对其使用和含义的演变进行了扩展:

  

传统上,一个em被定义为当前字体和点大小中的大写“M”的宽度,因为“M”通常被投射为方形“块”的全宽,或者“em-quads” (也称为“mutton-quads”),用于印刷机。然而,在现代字体中,字符M通常略小于一个宽。此外,随着该术语扩展到包括更多种语言和字符集,其含义也在不断发展;这允许它包括那些不包含大写“M”的字体,字体和字符集,例如中文和阿拉伯字母。因此,em通常表示所讨论字体的磅值,这与投射字体的金属体的高度相同。

特别是在CSS方面,“em”并不一定是指特定字体的大写字母M的宽度;它只是一个相对数量。

如果你问的是关于“em”这个词的词源,那么维基百科本身只包含对Adobe Glossary的引用,其中几乎没有什么可说的:

  

排版中的常用计量单位。传统上,Em被定义为当前面部和点尺寸中的大写M的宽度。它更恰当地定义为当前点大小。例如,在12点类型中,em是12点的距离。

没有明确提到它是权威的,它是大写字母M的语音表示,但考虑到它的同名定义,我不排除这种可能性。

答案 1 :(得分:3)

在我看来,他们只代表字母'M'的发音/拼音。类似地,我们有ex,一个ex是字体的x高度(x-height通常是字体大小的一半)。