Практическое различие между единицами rem и em

Question

Зачем вам это использовать? Я знаю, что есть ресурсы, объясняющие «разницу», но что такое практический пример, где лучше было бы использовать более em? И наоборот.

Answer 1

Хотя эм является относительно размера шрифта его прямого или ближайшего родителя, бэр относительна только HTML (корень) размер шрифта.

Это самое подробное объяснение, которое я могу найти по этой теме. https://j.eremy.net/confused-about-rem-and-em/

Answer 2

CSS Values and Units Level 3 спецификация проясняет:

эм: Равно вычисленному значению свойства «размер шрифта» элемента, на котором она используется.

rem: равно вычисленному значению 'font-size' на корневом элементе. Когда указано свойство «font-size» корневого элемента, единицы «rem» относятся к исходному значению свойства.