手機兼容【手機顯示與電腦（或指定）的顯示不一致】

1.字體的顯示大小，與在CSS中指定的大小不一致

（在google瀏覽器，手機狀態查看的）

發生原因：

Webkit 給移動端瀏覽器提供的一個特性【「Font Boosting」又稱「Text Autosizer」、「Font Inflation」】

解決方法：                

由於Font Boosting 僅在未限定尺寸的文本流中有效，故給元素指定寬高，使用固定寬高，有一定的侷限性，故使用max-height ,min-height, min-width, max-width【其中只有max-height有效】

具體代碼：

p { max-height: 100%; }

補充：

在iphone中出現右邊空白 而其他瀏覽器正常顯示。 也可以考慮使用 p{max-heihgt:100%}解決