在Chrome中文版的預設值中，小於12px的文字一律以12px顯示，這有時候會造成設計上的困擾，因為連英文字也跟著受到限制 (尤其這設定還藏在進階選項的第二層中，也不可能要求使用者為了單一網站而去修改)
P.S. Chrome英文版的最小字型預設值是6px..所以沒有這個問題
解決方法是在CSS中增加以下規則：
-webkit-text-size-adjust:none;
這樣瀏覽器就不會插手干預字體的大小，此規則也適用其他webkit核心的瀏覽器(如Safari等)，
但缺點是以瀏覽器的縮放功能(Ctrl+ 跟 Ctrl-)縮放頁面時，文字大小也不會跟著改變，因此請斟酌使用(影響網站使用性)。
詳細語法請參考此處說明：
http://css-infos.net/property/-webkit-text-size-adjust
沒有留言:
張貼留言