androidブラウザで文字サイズが変わってしまう場合の対処法CSS

Androidブラウザで非レスポンシブのWebサイトをみたとき、文字のサイズが、コンテンツの横幅に応じて変わってしまうこと、ないですか?

tableタグの中身はとても小さいけど、その周りのタグの中身は文字が大きい…bodyにfont-sizeを指定しているのに…

実はこれだけでいいんです!ではさっそく結論から参ります!

Androidブラウザの文字サイズが変わってしまう場合は
viewportとmax-heightで解決!

head内に

width=の箇所は、適宜調節してください。

で、CSSには

を指定してください。

これで文字サイズが統一されるはずです。
非レスポンシブのページをコーディングする際に、ぜひ。

でわ!

シェアする

  • このエントリーをはてなブックマークに追加

フォローする