スマホでのテキスト自動拡大への対処

iOSのSafariなどで、スマホを横向きにすると文字サイズが自動的に大きくなることがあります。こういった文字の自動拡大は、text-size-adjustプロパティで制御できます。

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

具体的には、text-size-adjust: 100%;を指定します。大抵は-webkit-text-size-adjust: 100%;のみで十分だと思われます。これを指定することで、スマホを横向きにしたとき、文字が大きくなるのを防げます。

ちなみに、text-size-adjust: none;を指定することもできますが、これを指定すると拡大しても文字が大きくならなくなる場合があるので、特別な理由がない限りは指定しないようにしましょう。