html - firefox 和 <code> 标签的字体大小问题

<分区>

我正在使用 sphinx-docs 生成一个 html 文档。

函数链接生成为 block 内的标签。常规文本和链接的 css 字体大小属性均为 0.9em。我已经清理了所有其他字体大小属性，以确定问题出在哪里。

在 Firefox 中，常规文本的计算大小为 14.4px，而 block 为 11.7px

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

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

这是一个已知问题吗？除了根本不使用之外，是否有解决方法？

最佳答案

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

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

font-family: monospace, monospace;

关于html - firefox 和 <code> 标签的字体大小问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/52605251/

相关文章：

html - CSS:如何让包装标签对齐