iPhone実機(iOS)でフォントサイズが指定した通りにならないときの解決法

webサイトのスマホ版の確認で

PC版ブラウザで、Mac SfariとGoogle Chromeのデベロッパーツールを使い

エミュレートでのスマホ表示は問題なく意図した通りなのだが

iPhone実機で確認すると、フォントサイズが指定した通りにならない。。。

特に table組みのところで、この現象が起こった　なぜだろ？？

あれこれと試してみた結果、やっと解決したのでメモしておく

このコードを　css に追加したら、あっさり解決した！
↓

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

要するに
iPhoneのブラウザSafariには、文字の大きさを自動調整する

「-webkit-text-size-adjust」がデフォルトではONになっていて

この設定を100%に設定することで、フォントサイズ設定の不具合を防ぐということ

なるほど！これは勉強になった