iPhoneには、縦向き(ポートレイト)と横向き(ランドスケープ)で見たときに、向きに応じて自動で文字サイズを調整する機能がついています。端末の向きを変えても文字サイズを変えたくないというときもあるでしょう。そのようなときは、「-webkit-text-size-adjust」というものを追加することで、文字サイズの自動調整を無効にすることができます。

body {
  -webkit-text-size-adjust: 100%;
}

このように、CSSでbody要素に指定してあげることで、端末の向きを変えても同じ文字サイズで表示させることができます。
ちなみに「-webkit-text-size-adjust」の値に「none」を指定すると、PC版のsafariやchromeで文字サイズの拡大縮小の機能が効かなくなるので「none」は指定しないほうが良いでしょう。

おすすめの記事