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

我需要使用什么设置来获得与普通文本相同大小的<strong>

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% }


另请参见此提琴:https://jsfiddle.net/f7wyb13d/3/

更新:这是我看到的小提琴结果的图像:css - 字体大小&lt;strong&gt;无法正确缩放-LMLPHP

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

最佳答案

这很可能是一种错觉,某些字体比其他字体具有更大的效果。如果您不选择字体,则Firefox可能正在使用看起来更生动的字体。字符将变宽,因为它的粗体是粗体,因为笔划较重。

但这是相同的高度。字符的x高度是m或n的高度。隔行扫描文本的示例具有相同的x高度:

css - 字体大小&lt;strong&gt;无法正确缩放-LMLPHP

关于css - 字体大小<strong>无法正确缩放,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/42066825/

10-13 04:35