1. 程式人生 > >font-size設定為12px以下載谷歌瀏覽器上無法正常顯示,如何解決?

font-size設定為12px以下載谷歌瀏覽器上無法正常顯示,如何解決?

因為 Chrome瀏覽器做了如下限制:

1. font-size 有一個最小值 12px,低於 12px 的,一律按 12px 顯示。

2. 但是允許你把 font-size 設定為 0.

3. 這個 12px 的限制使用者是可以自行調整的,進入 chrome://settings/fonts 進行設定。

通過程式碼的解決方法:

1. Chrome 29 版本之前,在css程式碼中可以使用 "-webkit-text-size-adjust: none;" 來解除這個限制。29 版本後,就無效了。

2. 你可以先設定 font-size:12px,然後使用 transform: scale(0.75) 將元素縮小,效果跟 9px 相同(12px*0.75=9px)。不過要注意的是,transform: scale 出了縮小 font-size,也會縮小其他一些屬性(另外:transform: scale只能對塊級元素進行縮放

)。