CSSでfont-sizeを指定しているのにもかかわらず、iPhoneのsafariで一部文字サイズが大きくなってしまう対処法です。

Contents

Safariで文字サイズが大きくなってしまう時の対処法

CSSに-webkit-text-size-adjust: 100%を追加するだけで問題が解決します。

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

safariでは文字サイズを自動調整する機能があり、-webkit-text-size-adjustプロパティで文字の自動調整を制御しています。

記述する場所はCSSをリセットするという意味でbodyに指定しましょう。

参考