2020年5月24日日曜日

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