首页 > 解决方案 > 在 Firefox 78 中的同一元素上同时指定 font-family 和 font-size 时出现奇怪的结果

问题描述

复制示例(小提琴):

<div style="font-family: serif; font-size: x-large;">Hello World</div>

<div style="font-family: serif">
  <div style="font-size: x-large;">Hello World</div>
</div>

在 Firefox 78.0.1(64 位,Windows 10)中产生以下(意外)结果:

截屏

在 Google Chrome 上,这两行的字体大小相同(如预期的那样)。

这是 CSS 规范的一些奇怪的极端情况,还是我偶然发现了 Firefox 渲染错误?

标签: htmlcssfirefox

解决方案


推荐阅读