フォントサイズを指定する際に様々な単位があります!
「px」「pt」「em」「rem」「%」
今回はremを指定した際にうまく動作していなかったことがあったので、メモとしてここに書いておきたいと思います!
原因はズバリ
htmlタグにベースとなるフォントサイズを記載していなかったから。。。
bodyタグにだけだとダメみたいです。。。
/* NG */ body{font-size:16px;} /* OK */ html,body{font-size:16px;}
htmlとbodyタグベースとなるフォントサイズを指定するとちゃんとremに反映されるようになりました!