css3 - Firefox 字號(hào)相對(duì)IE、Chrome更大,如何在CSS中統(tǒng)一?
問(wèn)題描述
網(wǎng)頁(yè)在IE、Chrome下的字號(hào)表現(xiàn)一致,但在Firefox下的字號(hào)更大。將Firefox頁(yè)面縮放到80%時(shí),其字號(hào)與在IE、Chrome下的字號(hào)的才差不多。請(qǐng)教,如何解決?
問(wèn)題解答
回答1:我覺(jué)得不是字號(hào)問(wèn)題,而是默認(rèn)字體問(wèn)題。請(qǐng)看下圖:同樣是14px的字體:
上面這張是firefox的效果,
這張是chrome下的效果看起來(lái)似乎chrome下面字體大一些,其實(shí)是因?yàn)閏hrome和ie下默認(rèn)字體是宋體,而firefox下默認(rèn)是微軟雅黑,上第三張圖為證:這張依然是chrome下的效果,兩行字font-size都是14px,一行是微軟雅黑,另一行是默認(rèn)的宋體,看起來(lái)似乎大小就會(huì)不同,使用了微軟雅黑的字體就和firefox里面的看起來(lái)一樣了。綜上所述,想讓不同瀏覽器下字體大小看起來(lái)一致,除了要統(tǒng)一font-size,還要統(tǒng)一設(shè)置font-family**
reset.cssnormalize.css
一般來(lái)說(shuō) 字號(hào)應(yīng)該是差不多大,你看下你的ff是設(shè)置上調(diào)過(guò)什么東西
