Преимущества использования rem вместо em при масштабировании шрифтов:
- Последовательное масштабирование. 1 При изменении размера шрифта корневого элемента все элементы, размер которых измеряется с помощью rem, будут автоматически обновлены, чтобы сохранить их относительные значения. 3
- Улучшение доступности. 13 Изменение настроек шрифта в браузере пользователя не приведёт к проблемам со стилями, читаемостью или непредсказуемым результатам. 3
- Удобство настройки размеров шрифта. 2 При создании сайта достаточно настроить стиль корневого элемента, а размеры шрифта остальных элементов будут пропорционально масштабироваться. 2
Единица rem задаёт размер относительно шрифта элемента и используется для удобства глобального масштабирования. 5 В то время как единица em относится к размеру шрифта родительского элемента или ближайшего родительского элемента с определённым размером шрифта. 1