CSS 文字拡大と相対単位ルール

この skill は、font-size を rem にするべきか px にするべきか、その判断条件を揃えるためのものです。 主眼は Chrome の文字拡大機能に耐えることと、文字サイズに本当に従属する値だけを相対単位にすることです。 ブレイクポイントやビューポート基準のレスポンシブ判断は ../kf-g-css-tak-responsive-rules/SKILL.md を優先し、この skill では文字と文字依存寸法に絞って扱います。

この skill を使う場面

• font-size を rem と px のどちらで指定するか決めるとき
• Chrome の文字拡大機能をサポートすべきか、どこまで検証するか決めるとき
• 文字拡大時に padding gap inline-size block-size などを追従させるべきか判断するとき
• rem の一括変換、:root の font-size ハック、62.5% 運用をレビューするとき
• em ch を使うべき箇所と、単に px のままにすべき箇所を切り分けるとき
• AI が生成した CSS に「とりあえず全部 rem」の実装が混ざっていないか確認するとき

最初に決めること