chrome設定字型大小不能小於12px，小於12px，會以12顯示，在最新的谷歌瀏覽器中已經修復了這個bug。
如果解決這個問題呢？
可以用chrome的私有屬性禁用瀏覽器文字大小調整：-webkit-text-size-adjust:none;
移動端chrome/safari目前依然支援-webkit-text-size-adjust屬性；
pc新版chrome已經禁止更改該屬性了，我們可以使用css3的：transform:scale(0.75); (12*0.75=9)
谷歌使用 -webkit-transform:scale(0.75);
來進行縮放，但是這個使得包裹文字的容器也縮小了
.chrome_adjust另外，我們最好判斷一下是否是谷歌瀏覽器，再新增這個類
var ischrome = !!window.chrome;
解決chrome 12畫素字型大小限制
size medium align center 解決chrome 12畫素字型大小限制 align size 中文版的chrome有個12px字型限制的問題，就是當字型小於12px時候都以12px來顯示，這個問題在中文 中並不突出，因為中文字型為了顯示清晰一般都定義為大於或等於12px，但如果是一...
怎麼讓 Chrome 支援小於 12px 的文字？
在谷歌下 css 設定字型大小為 12px 及以下時，顯示都是一樣大小，都是預設 12px。解決辦法 1 可以使用 webkit 的核心的 webkit text size adjust 的私有 css 屬性來解決，只要加了 webkit text size adjust none 字型大小就不受限...
怎麼讓Chrome支援小於12px 的文字
1 用 如果是內容固定不變情況下,使用將小於 12px 文字內容切出做,這樣不影響相容也不影響美觀。2 使用 12px 及 12px 以上字型大小 為了相容各大主流瀏覽器,建議設計美工圖時候設定大於或等於 12px 的字型大小,如果是接單的這個時候就需要給客戶講解小於12px 瀏覽器不相容等事宜。3...