首頁 > web前端 > html教學 > 谷歌瀏覽器不支援CSS設定小於12px的文字怎麼辦?

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

php中世界最好的语言
發布: 2018-05-28 16:38:20
原創
2979 人瀏覽過

今天帶給大家的教學是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中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板