我正在阅读this article
在“继承使用计算值”一章中,他们说:
这对于继承的值(例如使用的字体大小)很重要
长度。计算值是相对于其他值的值
网页上的值。
如果您在BODY元素上设置的字体大小为1em,则整个页面
不会只有1em的大小。这是因为像
标题(H1-H6)和其他元素(某些浏览器会计算表格
属性不同)在Web浏览器中具有相对大小。在
如果没有其他字体大小信息,Web浏览器将
始终使H1标题成为页面上最大的文本,然后是
H2等。当您将BODY元素设置为特定的字体大小时,
然后将其用作“平均”字体大小和标题
元素是从中计算出来的。
因此,如果您在浏览器中将文本大小设置为正常,则1em与16px大致相同。
如果您知道选择在浏览器中设置更大的文本大小,则文本会更大。
所以我想知道他们想对这篇文章说什么?
最佳答案
基本上是说这都是相对的,因此,假设您的身体为16px,除非您特别指定所有内容都将从其他标签的此值计算得出。
如果使用em,则顶部元素的1em将为16px。
例:
<div class="monkeyAss">Hello
<h1>monkeyAss2</h1></div>
.monkeyAss {font-size: 0.5em;}
.monkeyAss h1 {font-size: 1em}
在这里,对于1em,您的monkeyAss将会是预期的8px,但是由于h1在另一个父div内,因此它将也是8px,取自其相对父对象的值。希望能有所帮助。