Rem – це кореневий em (Root Em). Він створений, щоб полегшити обчислювальні проблеми, з якими багато хто іноді стикається. Це одиниця типографіки, що дорівнює кореневому (базовому) значенню font-size. Це означає що 1rem завжди буде дорівнює значення font-size, яке було визначено в html.
rem (як і em ) відносна одиниця виміру. em може бути трохи складним у використанні, тому часто краще дотримуватися rem . Ось як rem працює: rem — це одиниця виміру щодо розмірів кореневого елемента («r» в rem означає: root).
Давайте коротко розглянемо цю різницю. Резюме: одиниця em як font-size відноситься до розміру шрифту батьківського елемента. В інших властивостях em відноситься до розміру шрифту поточного елемента. Одиниця rem завжди відноситься до розміру шрифту кореневого елемента HTML.