原文出處：https://blog.csdn.net/qq_27682041/article/details/72850719

谷歌瀏覽器中font-size小於12px時，字型就不會再縮小了。當時我的第一反應就是會不會是其他css把字型覆蓋了。結果看了半天也沒發現。於是，只百度一夥了，結果還真讓人大吃一驚：原來谷歌以及谷歌核心的瀏覽器在中文語言下最小字型只能是12px。不知道這算是一個bug還是谷歌人性化的設計。不管那麼多了，反正要解決這個問題呀~既然這是一個經典的相容性問題，一定有很多解決方法吧。讓人吃驚的是，再百度一夥，網上所有的解決方案都驚奇地相似：

html{　　
    -webkit-text-size-adjust:none;　　
}
 

　　然後我滿心歡喜地用上去之後，發現並沒有什麼鳥用。再後來，又查了下資料瞭解到在chrome 27之後，就取消了對這個屬性的支援。尼瑪，這不是坑爹嗎？柳暗花明又一村，然後發現了另一種解決辦法：

.small-font{            
    font-size: 12px;            
    -webkit-transform-origin-x: 0;            
    -webkit-transform: scale(0.90);        
}

　　利用css3的縮放，其最終大小就是：12px * 0.9（縮放比例） = 10.8px;

　　居然行得通。但回頭一想，這麼寫的話，IE7 IE8會不會不相容，還是12px呢？不出所料，果然不相容。此時，又回頭一想，要不再加個樣式font-size？試了一下，果然相容谷歌，IE7，IE8，程式碼如下：

.small-font{    　　　  
    font-size:12px;             
    -webkit-transform-origin-x: 0;            
    -webkit-transform: scale(0.90);        
}        

.smallsize-font { 　　　　
    font-size:10.8px;       　　        
}　　

<p style="color: #FF0000;" class="small-font smallsize-font">溫馨提示：</p>
 

最終用small-font 和 smallsize-font 兩個類搞掂相容性問題