How to set font-size smaller than 12px at chrome

一般來說
在 chrome 開啟,font-size 是無法低於12px
這件事一直懊惱著部分手機版的視覺

Use text-size-adjust

解決方法(一)
在css上使用-webkit-text-size-adjust: none
text-size-adjust:CDN
但是可以發現似乎 chrome 27 的版本以及safari 6的版本會不支援了!
螢幕快照 2017-03-23 下午3.58.22.png

Use transform

解決方法(二)

1
transform:scale(參數);

所以你要怎麼控制他?

1.先知道現在這個文字上 font-size 為多少? 舉例:12px
2.計算你想做多少 px 的字體? 舉例:8px

Your browser is out-of-date!

Update your browser to view this website correctly. Update my browser now

×