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

前端之家收集整理的这篇文章主要介绍了任何人都可以很好地解释“em”是什么(CSS的大小单位)?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
任何人都可以很好地解释什么是作为CSS的大小单位?

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

解决方法

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

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

In digital type,the relationship of the height of particular letters to the em is arbitrarily set by the typeface designer. However,as a very rough guideline,an “average” font might have a cap height of 70% of the em,and an x-height of 48% of the em.

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

The only exception to this rule is the ‘font-size’ property where ’em’ and ‘ex’ values refer to the font size of the parent element.

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

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

原文链接:https://www.f2er.com/css/215560.html

猜你在找的CSS相关文章