Основные различия между единицами измерения размера шрифта rem и em:

1. Единица em в свойстве font-size относится к размеру шрифта родительского элемента. 1 В остальных свойствах em относится к размеру шрифта текущего элемента. 1 Когда изменяется размер родительского элемента, меняется и значение em. 2
2. Единица rem всегда относится к размеру шрифта корневого элемента html. 1 Если элемент html не имеет конкретного размера шрифта, используется значение браузера по умолчанию, обычно 16 пикселей. 1 При использовании rem значения родительских элементов игнорируются, во внимание принимается только значение root. 1 Если базовый размер меняется, то значение rem также изменяется. 2

Таким образом, em позволяет установить размер шрифта элемента относительно размера шрифта его родителя, в то время как rem основывается на размере шрифта корневого элемента. 15