iOS版safariで、font-sizeが勝手に拡大されるというバグが時々発生する。
html上もcss上もなんら不備はないのに、特定の箇所だけ突然拡大されて表示されてしまうのでなかなか厄介。
どうやら文字サイズの自動調整機能が勝手に発動しているらしい。
というわけで、
body {
-webkit-text-size-adjust: 100%;
}
としてやって、文字サイズ調整機能自体を無効にしてしまうことで解決。
ただ、これをやるとブラウザの拡大機能を使った時に文字サイズが大きくならないので、そのへんはjsでiOS safariのみに適用するとか調整が必要そう。
なお、原因はよくわかっていないので時間があるときに調べておきたい。