css単位「rem」

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>