字体大小 无法正确缩放答案

【问题标题】：Font size not scaling correctly字体大小 无法正确缩放
【发布时间】：2017-06-23 08:06:55
【问题描述】：

使用百分比缩放字体大小会导致带有-tag 的意外结果。使用 'font-weight' 设置也会发生同样的情况。如果我将段落设置为 90%，粗体部分似乎不会缩小。但是，如果我将其设置为 80%，它会正确缩小。这种效果在 FireFox（版本 50）中最为明显。

我需要使用哪些设置来获得与普通文本大小相同的？

HTML：

<body>
    <p>
        This is normal text.<br>
        <strong>This is bold text.</strong>
    </p>
</body>

CSS：

body { font-family:arial,sans-serif;font-size:90%}
p { font-size:90% }

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

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

【问题讨论】：

【解决方案1】：

这很可能是一种错觉，某些字体会比其他字体更能产生这种效果。如果您不选择一种字体，那么 Firefox 可能会使用一种看起来更具戏剧性的字体。字符会更宽，因为它是粗体，因为笔画更重。

但它是相同的高度。字符有一个 x 高度，即 m 或 n 的高度。隔行扫描文本的示例具有相同的 x 高度：

【讨论】：