今回のWebサポート記事では、CSS(カスケードスタイルシート)でパーセントやemまたはrem指定のそれぞれの相違点に関してプロパティ値についてレポート作成してみました。
すこしでも役に立つWeb制作情報を大切にしています。
《知識その1》
まずはじめの、％(パーセント)に関しての知識
親タグ要素のフォントサイズを相対的に参照。指定がない場合はデフォルトで16px＝100％でサイズ指定があります。
《知識その2》
次の、em(エム)に関しての知識
文字の高さを1emとして親タグ要素のフォントサイズを相対的に参照。％とほぼ同義でデフォルトでは16px＝1emでサイズ指定があります。
《知識その3》
さいごの、rem(root em)に関しての知識
CSS3から実装された値で絶対的にrootタグであるhtmlの指定していされた値を参照。デフォルトでは16px＝1remでサイズ指定があります。
知識情報に関しての補足があります。
emやremは小数点以下が換算しずらくなるので、参照親要素の指定値を62.5%とすることで1em=10pxなどに暗算しやすくなるが、煩雑になるだけなのであまり推奨できない点ということについては、気を付けて対応しましょう。