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

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

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

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

head内に

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

で、CSSには

を指定してください。

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

でわ！

ABOUT ME
satohmsys
ツーブロッカ運営者のSatohです。 以前はWEBデザイナーとして働いていました。今はWEB制作の現場からは離れて、別の仕事をしながらブログを書いています。 専門家っぽく難しく語るというより、普通に気になった人が読んでわかるくらいの温度感を大事にしています。