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