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