【问题标题】:Font size issue with firefox and <code> tags [duplicate]Firefox 和 <code> 标签的字体大小问题 [重复]
【发布时间】:2019-03-07 09:33:08
【问题描述】:

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

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

在 Firefox 中,常规文本的计算大小为 14.4 像素,而块为 11.7 像素

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

因此,Firefox 似乎为常规文本和 .而且为了在所有浏览器中都有相同的显示,我必须将字体大小固定为像素值,这非常难看。

这是一个已知问题吗?除了根本不使用之外,还有其他解决方法吗?

【问题讨论】:

  • 0.9em ...已编辑
  • 根据我链接到的答案,rem 确实在 Firefox 中工作,但在其他浏览器中搞砸了......
  • @Martin:这并不意味着什么。浏览器可以声称支持某个功能,但实际上存在错误。像 caniuse.com 这样的非官方资源可以声称浏览器支持某项功能,但要么只提及最值得注意的,要么不提及任何特定于该浏览器的怪癖和错误。链接问题的作者提供的测试用例证明rem 在某些浏览器中无法正常工作,因此要么驳斥了这一说法,要么指出了简单的“我支持rem 或不支持”未涵盖的其他一些神秘行为"声明。
  • rem 的唯一故障是当你愚蠢到给html 以 rems 为单位的字体大小时。例如。 html {font-size: 0.625rem;} 导致 1rem 等于 0.625rem。并非所有浏览器都以相同的方式处理这个悖论。否则,它只能在任何地方工作。 @BoltClock 链接的问题是关于等宽的,而不是 rems。
  • @Mr Lister:其中的自我回答表明,对于等宽问题,使用 rems 不是一种可接受的解决方法。

标签: html css firefox font-size


【解决方案1】:

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

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

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

font-family: monospace, monospace;

【讨论】:

    猜你喜欢
    • 2011-06-21
    • 2011-03-18
    • 2011-11-09
    • 2012-05-09
    • 1970-01-01
    • 2013-03-26
    • 1970-01-01
    • 2014-07-31
    相关资源
    最近更新 更多