您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁(yè)設(shè)計(jì)教程 >> 移動(dòng)前端 >> 瀏覽設(shè)計(jì)教程

解決Chrome瀏覽器下CSS字體大小設(shè)置小于12px無(wú)效問(wèn)題

我們?cè)诮o頁(yè)面設(shè)置字體的時(shí)候,有時(shí)候可能會(huì)需要很小的字體,比如10px的,這時(shí)候10px的字體在ie及火狐下是正常的,但到chrome上卻死活沒(méi)有效果,無(wú)論把字體設(shè)置到多小,尼瑪卻始終跟12px大小似的,當(dāng)然是在小于12px的情況下,后來(lái)經(jīng)過(guò)查找資料找到了一種方法,只需在css里寫(xiě)上這句就行了:

1
2
3
html, body {
    -webkit-text-size-adjust: none;
}

但一旦這樣設(shè)置,在chrome下,字體就不能自動(dòng)放大縮小了,這也是需要考慮的。

[教程作者:admin]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/wd2314.html
實(shí)現(xiàn)網(wǎng)頁(yè)頁(yè)面跳轉(zhuǎn)的幾種方法(meta標(biāo)簽、js實(shí)現(xiàn)、php實(shí)現(xiàn))
CSS Hack技術(shù)介紹及常用的Hack技巧集錦
圖趣網(wǎng)微信
建議反饋
×