在谷歌下 css 設(shè)置字體大小為 12px 及以下時(shí)，顯示都是一樣大小，都是默認(rèn) 12px。

解決辦法：

• 使用 Webkit 的內(nèi)核的-webkit-text-size-adjust 的私有 CSS 屬性來(lái)解決，只要加了-webkit-text-size-adjust:none;字體大小就不受限制了。但是 chrome 更新到 27 版本之后就不可以用了。所以高版本 chrome 谷歌瀏覽器已經(jīng)不再支持-webkit-text-size-adjust 樣式，所以要使用時(shí)候慎用。

• 使用 css3 的 transform 縮放屬性-webkit-transform:scale(0.5); 注意-webkit-transform:scale(0.75);收縮的是整個(gè)元素的大小，這時(shí)候，如果是內(nèi)聯(lián)元素，必須要將內(nèi)聯(lián)元素轉(zhuǎn)換成塊元素，可以使用 display：block/inline-block/...；

• 使用圖片：如果是內(nèi)容固定不變情況下，使用將小于 12px 文字內(nèi)容切出做圖片，這樣不影響兼容也不影響美觀。