https://qiita.com/masarufuruya/items/bb40d7e39f56e6c25f0d
文書のルート要素、つまりhtml要素のfont-sizeを基準にした"em"のような単位。
emは親要素を基準とした相対的な大きさを指定するが、remはルート要素を基準にするところが違う。
たとえば以下のような場合、remならすべてのdivは同じ文字サイズになるが、emなら1.5倍ずつ文字が大きくなっていく。
<style> html { font-size: 10px; } div { font-size: 1.5rem; /* -> 15px; */ } </style> <div> こんにちはdiv1 <div> こんにちはdiv2 <div> こんにちはdiv3 </div> </div> </div>