跳到主要內容

Chrome 設定小於12px的 font-size CSS 顯示問題

Chrome瀏覽器的 "進階設定" 預設網頁顯示的字體大小最小為12px
所以會有雖然CSS設定了 font-size 小於12px,但卻無法生效的情況
以前的解決方式是在CSS增加 -webkit-text-size-adjust:none; 這行
不過這個屬性已經不再被Chrome支援了,所以不要再想這件事吧...XD

Chrome 的這個設定算是設計上的思考,而不是bug
很多字體、特別是中文字之類結構較複雜的文字,在小尺寸時易變形、模糊
而維持 12px 也是讓瀏覽器上的閱讀保持易讀性的方法之一

留言