css emとremの違いって知ってました？

最初のころはfont-sizeとかは、ピクセルで指定していたので、あまり使いどころがなかったんですけど、習熟していくにつれて、こうゆう単位も使い始めると思います。

さて、この二つの違いなんですけど、知ってました？そもそも存在すら知らないという人もいると思いますが、こちらは、フォントサイズや距離を相対値で表すときに使用する単位（？）なんですけど、その基準となるところ、この二つでは違うんですね。

さて、その違いなんですけど、

em
親要素のfont-sizeを基準に大きさを計算する

rem (root em)
文書のルート要素、つまりhtml要素のfont-sizeを基準にする

という違いがあります。へぇ～ですよね