【Android】Chromeでフォントサイズが大きくなるバグ

電脳備忘録

本記事のソースコードの利用によって生じた損害について、当方は一切の責任を負いません。ご自身の判断と責任のもとで参照・ご利用ください。

この記事は最終更新から2年以上経過しています。

あるサイトをコーディングしたのですがAndroidのchromeで確認したところ、サイトの一部のみフォントサイズが大きくなっていました。
さて困ったとしらべたところこちらにまとめられていました。

AndroidやiPhoneのHTML,CSS,JavaScriptのバグまとめ

to-R

どうやら「metaにinitial-scaleを指定しないとfont-sizeがでっかくなるバグ」にひっかかったようです。

該当要素に「max-height: 999999px;」を設定したところ無事バグを回避することができました。
翻訳元のページに「Chrome on android」ってあったのでどうやらandroid版Chrome固有のバグっぽいですね。GalaxySⅡのandroidブラウザではこの現象は発生しませんでした。

なんかAndroidのブラウザが(バグの多さという意味で)IE化しているような気がするけどどうなんだろう...。

Newer
Older
Dark
Light
menu