Web Dragon

【CSS】フォントサイズ指定でremが効かない!?

フォントサイズを指定する際に様々な単位があります!
「px」「pt」「em」「rem」「%」

今回はremを指定した際にうまく動作していなかったことがあったので、メモとしてここに書いておきたいと思います!

原因はズバリ

htmlタグにベースとなるフォントサイズを記載していなかったから。。。

bodyタグにだけだとダメみたいです。。。

/* NG */
body{font-size:16px;}

/* OK */
html,body{font-size:16px;}

htmlとbodyタグベースとなるフォントサイズを指定するとちゃんとremに反映されるようになりました!