中文版Chrome瀏覽器不支持12px以下字體的解決方案

 設計稿中

字體是9px。

firefox瀏覽器顯示正常，chrome瀏覽器字體顯示為12px。

在chrome瀏覽器下對字體進行縮放：12px*0.75= 9px

-webkit-transform: scale(0.75);

Note:translate移動的基點默認為元素中心點，可以根據transform-origin改變基點。

 

所以加上屬性：-webkit-transform-origin: left top;

 

還有一個問題是：雖然字體看起來是縮放了，但是占據的空間大小沒變。

所以要注意固定高度。

 

參考：

http://blog.csdn.net/freshlover/article/details/9746821

WebKit 取消桌面瀏覽器 -webkit-text-size-adjust 支持后，怎么在 Chrome 下設置 12px 以下的字體大小？

https://www.zhihu.com/question/21093147?rf=21339583

 

 

完成日期2015-10-09，今天發布。

 

本文作者starof,因知識本身在變化，作者也在不斷學習成長，文章內容也不定時更新，為避免誤導讀者，方便追根溯源，請諸位轉載注明出處：http://www.cnblogs.com/starof/p/4862899.html有問題歡迎與我討論，共同進步。