← Playgrounds一覧に戻る
単位の比較
文字とバーを4倍で並べ、ricは「水」の幅、rchは「0」の幅、rcapはHの高さ、rexはxの高さに対応することを示します。
幅を測る単位（rch, ric）
水1ric
01rch
高さを測る単位（rcap, rex）
H1rcap
x1rex
文字と単位バーをそれぞれ4倍にしたものを表示しています。
1ricは「水」の幅、1rch は「0」の幅、1rcap は大文字Hの高さ、1rexは小文字xの高さです。
通常版とルート版の違い
font-sizeを変えると、chは親のfont-sizeに連動して伸縮し、rchはルート基準のまま変わらないことを確認できます。
1ch
0
基準: 16px1rch
0
基準: 16pxfont-sizeの値を変更してみてください。chは親要素のfont-sizeに連動してサイズが変わりますが、rchは常にルート要素（16px）を基準にするため同じサイズです。
ブラウザの文字サイズ設定を変更している場合、正しく動作しないことがあります。