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