あまり新しくないもの

新しさはそんなに求めず、自分のすきなことをやりたい人生だった

iOS版safariのfont-size拡大バグ

iOSsafariで、font-sizeが勝手に拡大されるというバグが時々発生する。

html上もcss上もなんら不備はないのに、特定の箇所だけ突然拡大されて表示されてしまうのでどう対応したものか、と困っていたところ、解決法を発見。

どうやら文字サイズの自動調整機能が勝手に発動しているらしい。

というわけで、

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

としてやって、文字サイズ調整機能自体を無効にしてしまうことで解決。

ただ、これをやるとブラウザの拡大機能を使った時に文字サイズが大きくならないので、そのへんは調整が必要そう。(jsでiOS safariのみに適用するとか)

なお、原因はよくわからないので、誰かにおしえてほしいところ。