これは使える！rem (root em) 単位を使用したフォントサイズの指定 - IT-Walker on hatena

寡聞につき、rem(root em)なんてフォントサイズの単位があるのを今まで知りませんでした。 ちょっと興味を持って調べてみたところ、結構使えそうなテクニックだったのでご紹介したいと思います。 rem (root em) というのは、「ルート要素（典型的にはhtml要素）に対する相対的なフォントサイズの単位」です。 従来のemは、親要素に対して相対的なフォントサイズの単位でした。そのため、要素の出現位置次第でフォントサイズが変わってしまうことも多く、使いにくい場面も多々ありました。 他にもフォントサイズの指定方法には、ピクセル（px）を用いたものがあります。が、特に今は様々なスクリーンサイズを意識しなくてはならない時代。スクリーンサイズの小さいデバイスでは全体的なフォントサイズを同時に大きくしなければならないこともよくありますが、pxを使用していると、メディアクエリなどを使ってあらゆるフ

[uehaj]

“remは、ルート要素（典型的にはhtml要素）に対して相対的なフォントサイズ指定となるので、要素の出現位置に依らず、一定のフォントサイズが期待できます。”

[ta192]

メモ

[ymm1x]

この単位知らなかった。メモ

[hedeyoshi]

remの解説。なんだろうって話になって調べて見たんだけどこれすげー便利！

[pussyvideo]

emでサイズ指定する時いつも問題になることがあっさり解決できる。ブラウザの対応だけが問題。

[Falky]

root(html要素)のフォントサイズ基準でemが使える、rem単位。変なフォントサイズが継承されてｷｰｯってなるアレに効果あり。IE9+ //emはemで併用。例えばletter-spacingとかは親要素基準の方が都合がいいのでemを使う、とか

[fooo]

IE8以前など古いブラウザでは未対応だが、これからはこれを使おう

[kibitaki]

これは聞いたことなかった。

[ysk_lucky-star]

最後の意味がよくわからんかった

[y-kawaz]

便利そう

[moromoro]

remの使い方だけど63.5%*16px=10pxにremってもブラウザ間差異あるんじゃね

[hama_shun]

"html要素でfont-sizeを10pxに指定しているのはポイントとなるテクニックの一つ。こうしておくと1rem=10pxとなり、あとは1.1remは11px、1.6remは16pxなど、remとピクセルの対応関係が非常にわかりやすくなります。"

[manji6]

これCSSコーディングバリバリの時に知ってれば・・・。em＝親要素に対する相対フォントサイズ、rem＝root要素に対する相対フォントサイズ

[muddydixon]

これは便利そうだ

[AmaiSaeta]

とはいえ今の所Working Draft仕様。