rem

Обновлено: 02.06.2022

rem

Единица rem соответствует значению свойства font-size корневого элемента <html>. Если rem добавляется непосредственно к font-size для <html> или стиль для <html> не задан, тогда 1rem принимается равным исходному значению font-size. В браузерах по умолчанию 1rem = 16px.

Пример

В данном примере размер шрифта для корневого элемента задан в процентах, в итоге получается равным 10px. Для размеров основного текста и заголовока применяется единица rem, которая считается относительно уже заданного размера html.

Браузеры

rem

Посмотреть совместимость на Can I use?

rem