iPhoneの自動文字サイズ調整機能を無効化する
iPhoneでは画面を横向きにした時、デフォルトでは自動文字サイズ調整機能が働いて文字が大きくなってしまいます。
これによりレイアウト崩れなどが発生する恐れがある場合はCSSで無効にしておきます。
以下のコードをCSSに追加しますが、'100%'を'none'にしても無効化できます。
ただし、'none'にすると、PC版Safariや古いバージョンのChromeでは、画面の拡大縮小で文字サイズが追随しないという不具合があります。
1 2 3 |
body { -webkit-text-size-adjust: 100%; } |