Firefox 字号相对IE、Chrome更大,如何在CSS中统一?

k9it
  • 31

网页在IE、Chrome下的字号表现一致,但在Firefox下的字号更大。将Firefox页面缩放到80%时,其字号与在IE、Chrome下的字号的才差不多。
请教,如何解决?

回复
阅读 3.7k
2 个回答
安歌
  • 6.9k
✓ 已被采纳

我觉得不是字号问题,而是默认字体问题。请看下图:同样是14px的字体:
图片描述

上面这张是firefox的效果,

图片描述

这张是chrome下的效果
看起来似乎chrome下面字体大一些,其实是因为chrome和ie下默认字体是宋体,而firefox下默认是微软雅黑
上第三张图为证:
图片描述
这张依然是chrome下的效果,两行字font-size都是14px,一行是微软雅黑,另一行是默认的宋体,看起来似乎大小就会不同,使用了微软雅黑的字体就和firefox里面的看起来一样了。
综上所述,想让不同浏览器下字体大小看起来一致,除了要统一font-size,还要统一设置font-family**

reset.css
normalize.css

一般来说 字号应该是差不多大,你看下你的ff是设置上调过什么东西

宣传栏