任何人都可以很好地解释"em"是什么(CSS的大小单位)?

Jit*_*yas 7 css

任何人都可以很好地解释什么EM是CSS的大小单位?

当我们将em用作网站的大小单位时,为什么要使用%作为正文?为什么不为身体使用em

Mar*_*ers 13

找出它的最佳方法是查看CSS标准.

在这里,您可以看到它被定义为相关元素的字体大小,即它与元素的字体高度有关.字体大小不是任何特定字母的度量.单个字母的实际高度可以大于或小于字体大小,但通常它们会更少.来自维基百科:

在数字类型中,特定字母与em的高度的关系由字体设计者任意设定.但是,作为一个非常粗略的准则,"平均"字体的上限可能是em的70%,而x的高度是em的48%.

还有一点需要注意,在CSS标准中:

此规则的唯一例外是'font-size'属性,其中'em'和'ex'值指的是父元素的字体大小.

这个例外是有道理的,否则你会获得字体大小的递归定义.

一个常用但错误的定义是,它是字母"M"的宽度.它曾经在排版中被这样定义,但是现在已经不再适用了,而且从来没有真正适用于CSS.实际上,'M'通常不如1 em(这取决于当然的字体).


Mat*_*hop 8

编辑:我纠正了:在CSS中,它被定义为字体大小,根据Mark Byers的回答.

(最初,它是字母M的宽度.请参阅http://en.wikipedia.org/wiki/Em_%28typography%29.比较ex,这是x的高度.)

  • -1这不是它在CSS中的使用方式.看我的回答. (4认同)