CSS - text-size-adjust

概要

属性名	text-size-adjust -webkit-text-size-adjust
値	auto \| none \| <percentage>
初期値	auto
適用可能要素	すべての要素
継承	継承する
サポート	https://caniuse.com/text-size-adjust

スマートフォンのブラウザでは文字が小さくなりすぎるのを防ぐために、CSS で指定したフォントサイズよりも大きめに自動調整して表示するアルゴリズムが組み込まれています。意に反して大きくなってしまうのを防ぐため、text-size-adjust はこの自動調整機能を制御します。

auto: ブラウザの自動調整にまかせます。
none: ブラウザの自動調整を禁止します。ただし、いくつかのブラウザで none を設定するとブラウザ表示を拡大してもフォントが拡大されないというアクセシビリティ上のバグがあったため、none ではなく 100% を指定すべきという状態でした。今はもう修正されているかも。
<percentage>: ブラウザの自動調整機能を有効にしますがフォントサイズの倍率をパーセントで指定します。100% を指定すると CSS で設定した通りのフォントサイズとなります。

現時点(2025年1月) で iOS の Safari や Android の Firefox では -webkit- が必要です。

CSS

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

初版：2025年1月19日、最終更新：2025年1月19日

https://www.tohoho-web.com/css/prop/text-size-adjust.htm