Фарқи байни воҳидҳои андозае em ва rem чист?

Ҳаҷмҳои em нисбат ба унсурҳои падарии онҳо вобаста мебошанд. Агар андозаи ҳарфии падар ба таври равшан муайян нашуда бошад, он аз унсури падари худ истифода мекунад ва ҳамин тариқ то унсури реша (html) идома меёбад.

Ҳаҷмҳои rem танҳо нисбат ба андозаи ҳарфии унсури реша (html) вобаста мебошанд. Ин онҳоро бештар пешгӯишаванда мекунад ва идоракунии ҳарфҳо ва андозаҳоро дар саҳифа содда мекунад.

Масалан:

HTML:

<div class="parent">
  Матни падар
  <div class="child-em">
    Матни фарзанди em
  </div>
  <div class="child-rem">
    Матни фарзанди rem
  </div>
</div>

CSS:

.parent {
  font-size: 16px; /* Андозаи асосии ҳарф барои падар */
}

.child-em {
  font-size: 1.5em; /* Андозаи ҳарф 1.5 * 16px = 24px */
}

html {
  font-size: 10px; /* Андозаи асосии ҳарф барои унсури реша */
}

.child-rem {
  font-size: 2rem; /* Андозаи ҳарф 2 * 10px = 20px */
}

Таблиғи муқоиса:

Воҳид	Мувофиқ бо чӣ мепайвандад	Пешгӯишавандагӣ	Истифода
em	Андозаи ҳарфии унсури падар	Камтар пешгӯишаванда, вобаста ба контекст	Барои фосилаҳо ва андозаҳое, ки аз матни дохилӣ вобастаанд
rem	Андозаи ҳарфии унсури реша (html)	Бештар пешгӯишаванда	Барои масштабкунии глобалии ҳарфҳо, фосилаҳо ва андозаҳои унсурҳо дар саҳифа