font-sizeの指定単位について

こんばんは。

今日はWordPressでサイトを製作していました。

Twenty Seventeenの子テーマで作成していたのですが、font-sizeの指定が、remでした。

普段はpxで指定していたので、この機会に詳しく調べて見ました。

 

font-sizeの指定方法

絶対値:サイズが変わらない。(例:px)

相対値:基準とする要素に対してサイズが変化する(例:%、em、rem、)

 

 

px(ピクセル)

pxで指定する。サイズは変わらない。

 

%(パーセント)、em(エム)

%、emで指定。

親要素のfont-sizeを基準に大きさを計算。

 

rem(レム)

root em の略称の通り、root(html)のfont-sizeを基準に大きさを計算。

サイズ計算が簡単。

 

なぜremが推奨か?

昔のIE、IE9以前?では、pxだと文字が拡大できないらしい。

参考URL

 

naoki

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください