今天帶給大家的教學是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中文網其它相關文章!
相關閱讀:
以上是谷歌瀏覽器不支援CSS設定小於12px的文字怎麼辦?的詳細內容。更多資訊請關注PHP中文網其他相關文章!