rem – задає розмір щодо шрифту <html> , використовується для зручності глобального масштабування: елементи, які планується масштабувати, задаються в rem , а JS змінює шрифт у <html> .Jun 7, 2022
У мене є два простих правила: Задавай значення в emякщо властивості масштабуються щодо font-size; У всіх інших випадках задавай значення в rem.
rem (як і em ) відносна одиниця виміру. em може бути трохи складним у використанні, тому часто краще дотримуватися rem . Ось як rem працює: rem — це одиниця виміру щодо розмірів кореневого елемента («r» в rem означає: root).
Давайте коротко розглянемо цю різницю. Резюме: одиниця em як font-size відноситься до розміру шрифту батьківського елемента. В інших властивостях em відноситься до розміру шрифту поточного елемента. Одиниця rem завжди відноситься до розміру шрифту кореневого елемента HTML.