代码之家  ›  专栏  ›  技术社区  ›  galinette

firefox和<code>标签的字体大小问题[重复]

  •  0
  • galinette  · 技术社区  · 6 年前

    我正在生成一个包含斯芬克斯文档的HTML文档。

    到函数的链接在块内生成为标记。对于常规文本和链接,CSS字体大小属性均为0.9em。我已经清除了所有其他字体大小属性,以确定问题的来源。

    在火狐中,规则文本的计算大小是14.4px,而块是11.7px。

    在Internet Explorer和Chrome中,一切都是14.4px

    因此,似乎firefox为常规文本和定义了不同的em基值。为了在所有浏览器中显示相同的内容,我必须将字体大小固定为像素值,这是非常难看的。

    这是一个已知问题吗?是否存在根本不使用的解决方案?

    1 回复  |  直到 6 年前
        1
  •  0
  •   galinette    6 年前

    在这里讨论并准确回答了这个问题:

    Why does Firefox not honor CSS font-size for code tags wrapped in pre?

    主要的解决方案是使用一个奇怪的CSS黑客:

    font-family: monospace, monospace;