最近做移動端官網，發現字體的實際大小比設置的大，找到原因后，在此總結。
原因一：瀏覽器最小字體設置
字體雖然設置成5px，但字體的實際大小為16px，原因是瀏覽器設置了最小字體，這個可以手動設置。
原因二：font boosting
這個是webkit給移動端提供的一個特性，當我們瀏覽網頁時，有可能因為原始頁面的寬度過大，在手機屏幕上縮小后，就看不清其文字了，而font boosting特性這時候就發揮作用，自動將其中的文字字體變大，保證在既不需要左右滑動屏幕， 可以讓人們看清文本。
但有時font boosting特性會影響我們的設計，所以需要屏蔽掉，方法就是為元素設置高度，設置一個固定的高度並不現實，所以我們可以設置max-height=99999px，此外設置-webkit-text-size-adjust: none。
font boosting的觸發條件
我是在使用視口縮放時發現這個現象的，但真實的觸發條件有一個計算公式，在這里就不多說了，如果感興趣，可移 mingelz 的這篇博客 。
引用目錄
https://github.com/amfe/article/issues/10
http://www.cnblogs.com/he-lian/p/4512276.html