remは親要素のフォントサイズによって大きさが異なる

参考サイトと同じようにウェブ制作していてフォントサイズを参考サイトのままremで指定しても同じ大きさにはならなかったので調べてみたら親要素で大きさが決まるらしい

html { font-size: 62.5%; } /* 10px */
body { font-size: 1.6rem; } /* 16px */
p  { font-size: 1.6rem; } /* 16px */
li { font-size: 1.6rem; } /* 16px */
li p { font-size: 1.6rem; } /* 16px */

こんな感じらしい

https://www.plusdesign.co.jp/blog/?p=5152