資格スワイプ
エキスパート:知識問題(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の性質の違い)

← 前の問題次の問題 →
スワイプでまとめて流す