Css 字体大小<;strong>;未正确缩放

Css 字体大小<;strong>;未正确缩放,css,firefox,font-size,bold,Css,Firefox,Font Size,Bold,使用百分比缩放字体大小会给-标记带来意外的结果。使用“字体重量”设置也会发生同样的情况。如果我将段落设置为90%,粗体部分似乎不会缩小。但是,如果我将其设置为80%,它将正确地缩小。这种效果在FireFox(版本50)中最为明显 我需要使用什么设置才能获得与普通文本大小相同的 HTML: 另请参见此小提琴: 更新:这是我看到的小提琴结果的图像: 我注意到这个问题,因为我正在将字体大小从pt更改为%。pt中的设置没有给出字体大小的差异。也许这确实是我设置中的一个局部问题。也许我会坚持使用pt,以消

使用百分比缩放字体大小会给
-标记带来意外的结果。使用“字体重量”设置也会发生同样的情况。如果我将段落设置为90%,粗体部分似乎不会缩小。但是,如果我将其设置为80%,它将正确地缩小。这种效果在FireFox(版本50)中最为明显

我需要使用什么设置才能获得与普通文本大小相同的

HTML:

另请参见此小提琴:

更新:这是我看到的小提琴结果的图像:


我注意到这个问题,因为我正在将字体大小从pt更改为%。pt中的设置没有给出字体大小的差异。也许这确实是我设置中的一个局部问题。也许我会坚持使用pt,以消除用户系统可能存在的差异。

这很可能是一种错觉,有些字体比其他字体更能产生这种效果。如果你没有选择字体,那么Firefox可能会使用一种看起来更引人注目的字体。字符将更宽,因为它是粗体的,因为笔划更重

但它的高度是一样的。字符具有x高度,即m或n的高度。您所看到的交错文本示例具有相同的x高度:


您链接到的示例的计算字体大小为段落和段落中的强元素的12.96像素。我无法重现这个问题。
<body>
    <p>
        This is normal text.<br>
        <strong>This is bold text.</strong>
    </p>
</body>
body { font-family:arial,sans-serif;font-size:90%}
p { font-size:90% }