Html 如果a<；p>；及<；span>；标签都有em字体大小，实际高度是多少？

使用CSS在浏览器中进行设计我知道，当您对文本块进行编码时，

标记上设置的

字体大小是基于
标记的相对单位

研究
从我的搜索中，我能够从“”中产生一个类似的最近问题，该问题涉及：

“em单位是一个相对单位，基于
父元素的字体大小。这意味着子元素是
始终依赖父级设置字体大小。“

但在搜索后，我无法对我的问题产生结果：






我发现了另一个类似的问题，但没有回答我要问的问题：




问题
如果您有HTML：

<p class="foo"><span class="bar">This month is March.</span></p>

本月
文本的实际
字体大小
高度是多少？
在
和
上设置了应用的CSS
字体大小

我问这个问题是因为我很想知道，如果我想要相同的高度，而不需要
标签，那么这个等式是什么？当
和
标记都应用了高度时，是否有公式确定最终字体大小

这个月文本的实际字体高度是多少

跨度的字体大小是
0.8em
，因此它是
0.8*X
，其中
X
是段落的字体大小

段落也是
0.8em
，因此它是
0.8*Y
，其中
Y
是段落父元素的字体大小。问题中没有关于字体大小的信息

这使得span
0.8*0.8*Y
或
0.64*Y
的字体大小成为一个百分比信息，因此可以通过乘以各个字体大小来计算最终的
em

0.833em*0.8em=0.6664em

这是否能在浏览器中准确工作取决于浏览器内部如何处理字体大小。如果浏览器对
em
所依赖的元素使用
px
中的中间尺寸表示，则如果存在舍入错误，则可能会得到略有不同的结果


.foo{
字体系列：“Proxima Nova Rg”，无衬线；
字号：0.833em；
字体风格：普通；
字体变体：正常；
字体大小：正常；
}
.酒吧{
字体系列：“Proxima Nova Rg”，无衬线；
字号：0.8em；
字体风格：普通；
字体变体：正常；
字体大小：正常；
}
.bar2{
字体系列：“Proxima Nova Rg”，无衬线；
字体大小：0.6664em；
字体风格：普通；
字体变体：正常；
字体大小：正常；
}
这个月是三月

这个月是三月。
一个
em
是与父对象相关的百分比。这意味着任何使用
em
值的文本都将是父级文本大小的百分比

在您的情况下，
的字体大小将是其父级的83.3%。
字体大小将为80%，即66.64%

由于未指定父字体大小，浏览器将默认为16px，在
html
元素上设置。因此，最终像素值将为：

16 * 0.833 * 0.8 = 10.6624

将四舍五入到11px

当然，最好自己在
标签上设置字体大小，以确保安全。这种行为的好处是更容易创建流体布局。对于不同的屏幕大小，您只需增加或减少正文上的字体大小。
您可以通过span

<span style="font-size: 150%;color:#0000ff">macro average ROC</span> 
<span style="font-size: 250%"> > </span> <span style="font-size: 150%;background:#ff00ff">micro average ROC</span> 

宏平均ROC
>微平均ROC

如果你不想做奇怪的计算，你可以使用REM。我知道这不是你问题的答案，但它确实值得一看和思考
<span style="font-size: 150%;color:#0000ff">macro average ROC</span> 
<span style="font-size: 250%"> > </span> <span style="font-size: 150%;background:#ff00ff">micro average ROC</span>