谷歌瀏覽器不支援CSS設定小於12px的文字怎麼辦？

今天帶給大家的教學是Google瀏覽器不支援設定CSS較小字體問題的解決方法。  

網頁常常為了排版美觀，會使用忽大或小的文字，通常font-size文字為12px（像素）文字。設定大於12px文字字體，各瀏覽器都能顯示CSS所設定文字大小效果。但是CSS設定小於12px文字時候谷歌瀏覽器google Chrome就無法顯示CSS所設定小於12px的文字字體效果。

Google瀏覽器支援設定font-size小於12px像素解決方法

Google瀏覽器預設最小字體為12px，小於12px的字體它都以12px顯示，有時我們需要字體小點，特別是在製作英文網站時，常常使用CSS樣式顯示小於12px文字，這樣Google瀏覽器就無法顯示所設定較小的文字。不過還是有解決方案的。

解決所需CSS程式碼 

在html或body裡新增一句Google瀏覽器專有的核心屬性樣式（或是需要設定小文字字體對象CSS選擇器新增也可）如下CSS程式碼：

html,body{-webkit-text-size-adjust:none;}或.pcss5{-webkit-text-size-adjust:none;}

註：如果使用了這個屬性，瀏覽器的字型將無法使用放大縮小功能！ （就是按住CTRL鍵上下滾動滑鼠中鍵的那功能）

嘗試換單位-無用：

還有朋友說用em(字元)作為單位定義字體大小有用。本人親自測試過，用em字義的字體在Google瀏覽器中最小也不會小於12px。所以是沒用的。暫時我只知道上面一種方法。

相信看了這些案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

相關閱讀：

駝峰命名與JS的問題解答

JS裡的布林值、關係運算子、邏輯運算子的詳解及實例

前端的js框架總結以及用途講解

以上是谷歌瀏覽器不支援CSS設定小於12px的文字怎麼辦？的詳細內容。更多資訊請關注PHP中文網其他相關文章！