【CSS】もう迷わない font-size:[px ,% ,em, rem]の違い

2019-08-30

font-sizeの単位のそれぞれの意味

【HTML/CSS】もう迷わない font-size:[px, %, em, rem]の違い

font-size(文字サイズ)を設定する際に px ,% ,em ,rem で使い分けをすることができます。

それぞれの違いをさらりとご説明します。違いが簡単に理解できますよ。

pxは絶対にこの値(絶対値)、何にも影響を受けない文字サイズ

remはhtmlの文字サイズを1として、どれくらいの文字サイズにするか

emと%は親要素の文字サイズを1として、どれくらいの文字サイズにするか

現在の主流は「rem」または「em」です。

最後まで読んでいただき、ありがとうございました。