https://developer.mozilla.org/ja/docs/Web/CSS/text-size-adjust
この現象の原因はスマホ用のテキストの自動拡大アルゴリズム。
スマホ表示するときは、設定したビューポート幅が広いとページ全体が縮小表示されてテキストがとても小さくなってしまう。
モバイル端末のブラウザはページ全体が縮小されても文字を読みやすくなるように、テキストを含む要素が画面幅の全体を占めている時、文字サイズを自動的に拡大する機能を持つ。
この機能が暴発するとあるフォントサイズ以上で、文字サイズが異様に大きくなってしまう現象が発生する。
対策として、CSSの text-size-adjust で無効化するといい。
body {
text-size-adjust: none;
}
