關於移動端APP開發-字型樣式變大問題

標籤：html   app開發   分享   css樣式   device   pre   關於   div   很多   

前兩天在寫App項目的時候發現一個問題，就是明明css寫的樣式是14px，剛開始在頁面顯示時並未出現問題，可是內容一多，字型突然變大了。

what？，不明所以，在各大網站上找了好久才知道是瀏覽器的字型提升的問題。

先說說解決的方法吧，可以直接在css樣式中寫下

body,body*{    Max-height:1000000px;}

　就可以直接禁用。

　出現這一原因可能是和font boosting有關。font boosting 特性在這時會自動將其中的文字字型變大，保證在即不需要左右滑動螢幕，也不需要雙擊放大螢幕內容的前提下，也可以讓人們方便的閱讀頁面中的文本。

不過這個特性也並不是總是需要的。特別是要針對設計圖完整的還原出來的時候就會很坑爹，那麼就可以使用上面的方面禁用了。

不過在移動端開發的時候適當的在頭部添加meat標籤的viewport屬性

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
想更深入瞭解viewport屬性在網上也有很多博文，就不附連結了。

關於移動端APP開發-字型樣式變大問題