Androidブラウザで非レスポンシブのWebサイトをみたとき、文字のサイズが、コンテンツの横幅に応じて変わってしまうこと、ないですか？
tableタグの中身はとても小さいけど、その周りのタグの中身は文字が大きい…bodyにfont-sizeを指定しているのに…
実はこれだけでいいんです！ではさっそく結論から参ります！
Androidブラウザの文字サイズが変わってしまう場合は
viewportとmax-heightで解決！
head内に
1 | <meta name=“viewport” content=“width=1000 user-scalable=yes”> |
width=の箇所は、適宜調節してください。
で、CSSには
1 | * {max–height:999999px} |
を指定してください。
これで文字サイズが統一されるはずです。
非レスポンシブのページをコーディングする際に、ぜひ。
でわ！
