Некоторые преимущества использования rem перед px при вёрстке адаптивных сайтов:

• Адаптивность. 14 Rem позволяет быстро настраивать размеры на всех уровнях сайта, так как значения основываются на корневом шрифте документа. 1 Достаточно изменить font-size в html, чтобы адаптировать весь сайт. 4
• Гибкость. 14 Все элементы масштабируются автоматически при изменении базового шрифта. 4
• Простота редактирования. 1 Изменения масштаба можно быстро провести через обновление одного значения, без необходимости корректировать множество отдельных элементов. 1
• Унифицированные размеры. 1 Изменяя единственный размер базового шрифта, можно быстро настроить весь интерфейс. 1
• Лучшая доступность. 5 Пользователи могут изменять размер шрифта в браузере, и сайт будет адаптироваться. 5
• Упрощение глобальных изменений стиля. 2 При использовании rem не нужно вручную менять каждый элемент во всех файлах, как при работе с px. 2

При этом px подходит для элементов интерфейса, которые не должны масштабироваться (например, изображения). 3