返回首頁
當前位置: 主頁 > 精通Office > 其他教程 >

Chrome下不能顯示小于12px的字體的解決方案

時間:2012-04-24 22:10來源:知行網www.aotfjk.live 編輯:麥田守望者

在中文版Chrome里面,網頁CSS里所有小于12px的字體設置都無效,小于12px的數值,百分比之類的都不起左右,最終都將顯示12px。

這是一個由來已久的Chrome瀏覽器的問題,不知為何一直存在到現在,主要是其內核Webkit造成的。這樣弄的本意可能是好的,因為中文一旦小于12px,就變得不易閱讀。網上有很多解決的方法,類似有將瀏覽器語言調整至英文,或者修改Chrome本地設置。但這些解決方法都是治標不治本的。

如此一來,中文網頁中的英文也無法設計小于12px了,在一些文字部份的設計,不小實在不好看,影響整個排版的美觀,如果你和我一樣是網頁開發人員為了這個12px的問題頭疼,但又不能控制用戶的瀏覽器語言或者修改其本地設置。
接下來帶來一個萬無一失的解決方式,保證100%可用。

中文版Chrome下設置小于12px的字體的解決方案

在CSS里添加一個私有屬性到html選擇器:
html { -webkit-text-size-adjust: none; }
顧名思義,禁用Webkit內核瀏覽器的文字大小調整功能。這樣的話,CSS中font-size就要以自由設定,完全無需考慮Chrome的12px死亡線了。

這段話可以加在body中,也可以單獨加在具體樣式中應用。

此外這個CSS設置同時還糾正了網頁在iPhone和iTouch上瀏覽網頁時同樣出現的字體錯誤,一舉多得,建議加入CSS Reset。

------分隔線----------------------------
標簽(Tag):chrome chrome瀏覽器 瀏覽器 chrome教程 chrome技巧
------分隔線----------------------------
推薦內容
猜你感興趣
湖南刘雪龙黑彩