エキスパート:知識問題(Webサイトに関する知識)
あるページのある要素にem単位でfont-sizeを指定したところ、親要素のfont-sizeを変更した際に連動して表示サイズが変化した。同じ要素にrem単位で指定した場合の挙動として正しいものはどれか。
- Aremもemと同様に、直近の親要素のfont-size変更の影響を受けて変化する
- ✓remは常にルート要素(html)のfont-sizeを基準とするため、親要素のfont-size変更の影響は受けない
- Cremはピクセル固定値であり、いかなる要素のfont-size変更の影響も受けない
- Dremはビューポート幅を基準とするため、画面幅の変更でのみ変化する
解説
emは直近の親要素のfont-sizeを基準に相対計算されるのに対し、remは常にルート要素(html要素)のfont-sizeを基準とするため、途中の親要素のfont-sizeが変わっても影響を受けない。この基準の違いがem・remを区別する重要な性質である。
根拠エキスパート認定基準:レイアウト手法(CSS単位em・remの性質の違い)