（一）谷歌預設的最小字型是12px,但是通常由於頁面的需求我們需要使用更小的字型，解決方法如下：
（1）使用transform.scale()屬性，需加上谷歌字首：-webkit-
/這裡的數字0.8，是縮放比例，可以根據情況變化。/

注意：sacle()只會縮放給定寬和高的元素，若

元素有背景的話，則其背景也會隨著scale(0.8)縮放為原來的0.8倍大小的背景，為使其背景不發生變化，可以在

元素裡面嵌入標籤，對元素定義寬和高，但是要在css裡面新增：display:block;使span變成塊級元素。

（2）使用-webkit-text-size-adjust:none

但是在chrome更新到27版本之後就廢棄了上面這個方法。所以在新版本瀏覽器裡面看不到縮小字型的效果。

（3）IE和火狐瀏覽器是支援12號以及以下字型大小的，所以一般不會因為字型大小原因而影響頁面佈局
IE瀏覽器下的字型：

火狐瀏覽器下的字型：