Величина «rem» вместо пикселей — что это такое?

Почему сейчас стало модно вместо пикселей использовать величину «rem» и в чем ее преимущества?

Пример:

margin: 0px 20px 0px 20px;
margin: 0 2.857142857rem 0 2.857142857rem;
  • Вопрос задан
  • 40470 просмотров
Пригласить эксперта
Ответы на вопрос 5
Aingis
@Aingis
Всё гениальное — просто.
Это так называемые root em — величина в em, но относительно не родительского элемента, а корневого. То есть для HTML относительно html.
Ответ написан
@asd111
Ваш пример по идее должен выглядеть примерно так:
html {
font-size: 1px;
}

.element{
margin: 0px 20px 0px 20px;
margin: 0 20rem 0 20rem;
}

таким образом мы сможем все перевести в rem без сложных расчетов
Ответ написан
@SleepingLion
rem — размер относительно базового (определённого в .html{}) размера шрифта.
По идее должен быть дружелюбнее к мобильным устройствами и ресайзу.
Может быть удобно использовать rem при построении сложных по дизайну страниц, чтобы ничего не ползло при разных разрешениях/масштабах. Главное не запутаться, где ты используешь абсолютные, а где относительные значения величины.
Совместимость с браузерами
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы