-webkit-text-size-adjust使用匯總, 小於12px字型時

zgpeterliu發表於2018-05-09
WebKit

https://www.jianshu.com/p/9fad261dd3e1


-webkit-text-size-adjust 的本職是用於mobile的，


如果你非得要font-size:10px(使用em單位時方便計算)，你會發現在chrome裡最小還是12px，就算你設定了font-size: 10px;-webkit-text-size-adjust: 100%;(或-webkit-text-size-adjust: none;)也沒用。原因如下：

-webkit-text-size-adjust: 100%|none;

  • 只對chrome27.0 版本以下有效，27.0以上版本無效；
  • 只對英文才有效，對中文無效。

在新版的chrome中，已經禁止了改屬性,建議使用CSS3中的方法:transform:scale(0.875);當使用transform:scale(0.875)時; 不僅是文字變小了，整個文字所在的容器也同時會變小。



綜上所述：
採用-webkit-text-size-adjust: 100%;
必須要用小於12px字型時，用-webkit-transform: scale( ) 縮小到合適值。


相關文章