font-size: における em指定と%指定は同じ意味ですか？

Question

selector {
  font-size: 50%;
  font-size: 0.5em;
}

はまったく同じ意味でしょうか？

Answer 1

同じになりますが、%は親要素の同プロパティに対する相対指定、emは自分自身のfont-sizeに対する相対指定です。

selector {
  font-size: 50%;
  font-size: 0.5em;
}

この例ではselectorの親要素に言及がないため、親要素にはなんのスタイルも適用されていない前提で話します。
selectorおよびその親要素の基底のfont-sizeは16pxだと思うのでそれぞれ、
font-size: 50%;は親要素のfont-sizeである16pxの相対値である8pxに
font-size: 0.5em;は自身のfont-sizeである16pxの相対値である8pxになり、結果的に値は同じになります。

Comments

[退会済みユーザー]

相対指定でも見る場所が違うのですね。自分の方で今一度確かめてみようと思います。ありがとうございました！