Google Chrome瀏覽器的字型字體無法縮小到12px以下的CSS解決方案

在網頁畫面的呈現上，其實喜歡大一點的字體，

但預設字型的大字體真的好難看，所以最常使用的還是標準的12px...

 

有時在一些備註或摘要上，會用更小一點的字體及灰色來表達

但在Google Chrome上卻無法縮小

 

--summary--

雖然Chrome跟safari是相同核心

但只有Chrome有這個bug？或者Chrome是故意限制的？

 

要解除12px限制的封印

其實只要在該CSS屬性上加一行宣告即可

-webkit-text-size-adjust:none;