web browser上でroot font sizeを変更することが出来る

だから、h1のような見出しは、これより大きい値を指定する

/* htmlが body>.parent>.childのとき */
body {						/* defualtは16pxなので、
  font-size: 1.125em;		/* `16 * 1.125`px = 18px
}
.parent {
  padding: 2em;				/* `16 * 2`px
  font-size: 1.5em;			/* `16 * 1.5`px
}
.child {
  padding: .5em;			/* `16 * 0.5`px
}

rootのみ、デバイスごとの指定をしておけば、それ以外は全て絶対値のノリで相対値を使えるみたいな？

MDNの説明がシンプルでわかりやすい

というのがわかりづらいから、その62.5%にして、

を基準としようぜ、というやつ