端末を横置きにするとウェブページのフォントが拡大されるのを防ぐ方法

iOS版のブラウザで自サイトを閲覧しているとき、端末を『縦置き』にした場合と『横置き』にした場合とで、表示されるフォントサイズが異なることがあります。横置きにすると、妙にフォントサイズが拡大されてしまうのですよね。

この「横置きにするとフォントサイズが自動で大きくなる」現象を防ぐには、CSSでbody要素に対して、

-webkit-text-size-adjust: 100%;

と1行書いておくと良いです。これで、拡大されなくなります。（-webkit-のベンダープレフィックスが必要です。）