Чим відрізняються EM та REM?
Давайте коротко розглянемо цю різницю. Резюме: одиниця em як font-size відноситься до розміру шрифту батьківського елемента. В інших властивостях em відноситься до розміру шрифту поточного елемента. Одиниця rem завжди відноситься до розміру шрифту кореневого елемента html.18 Feb 2022
REMТи чи EMТи?
- Задавай значення в emякщо властивості масштабуються щодо font-size;
- У всіх інших випадках задавай значення в rem.
Одиниця em – Просто розмір шрифту. В елементі, якому заданий шрифт 2in, 1em і означає ці 2in.
Одиниця rem відповідає значенню властивості font-size кореневого елемента <html>. Якщо rem додається безпосередньо до font-size для <html> або стиль для <html> не заданий, тоді 1rem приймається рівним вихідного значення font-size. У браузерах за замовчуванням 1rem = 16px.