chrome和firefox中的CSS字体大小不同

时间:2014-03-13 10:41:23

标签: css google-chrome firefox font-size

我试图了解如何强制Chrome和Firefox以相同的方式显示相同尺寸的文字。

让我们采取下一个非常简单的CSS:

body {
    font-family: Verdana;
    font-size: 1em;
}

Chrome中的文字看起来像预期的那样 - 16px,但在Firefox中它在屏幕上看起来像18px(根据Firebug,文本的大小仍然是16px)。我也尝试使用16px而不是1em,但它根本没有改变任何东西。 Chrome和Firefox都具有100%的缩放级别。

那么,是否有可能以某种方式迫使Firefox显示16px的文本,因为2px的差异看起来真的很糟糕?

更新 - 问题解决方案

花了几个小时寻找解决方案后,我注意到Firefox中的 layout.css.devPixelsPerPx 设置:config设置为 -1.0 。我将其更改为 1.0 ,现在在Chrome和Firefox中看起来相同。所以,看起来我很久以前就改变了这个设置然后我已经忘记了 - 更改浏览器设置时要小心:)

0 个答案:

没有答案