em является относительным размером и зависит от следующего фиксированного размера шрифта в дереве. если фиксированный размер шрифта отсутствует, по умолчанию используется значение 16px.
поэтому, когда вы меняете свой собственный CSS, как это
body {
font-size: 12px;
}
1em означает 12px, 2em означает 24px и т. Д.