Одиниця rem задає розмір щодо розміру шрифту елемента <html> .07-Jun-2022
Одиниця rem відповідає значенню властивості font-size кореневого елемента <html>. Якщо rem додається безпосередньо до font-size для <html> або стиль для <html> не заданий, тоді 1rem приймається рівним вихідного значення font-size. У браузерах за замовчуванням 1rem = 16px.
Якщо все ж таки не знаєте, REM – це спосіб вказати розмір шрифту на основі розміру шрифту кореневого HTML елемента. З їх допомогою також можна швидко змінити розміри у всьому проекті, змінивши розмір шрифту кореневого елемента (наприклад, під певний медіа-запит/розмір екрана).
Давайте коротко розглянемо цю різницю. Резюме: одиниця em як font-size відноситься до розміру шрифту батьківського елемента. В інших властивостях em відноситься до розміру шрифту поточного елемента. Одиниця rem завжди відноситься до розміру шрифту кореневого елемента HTML.