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

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

Пример:

margin: 0px 20px 0px 20px;
margin: 0 2.857142857rem 0 2.857142857rem;
  • Вопрос задан
  • 42109 просмотров
Пригласить эксперта
Ответы на вопрос 4
@asd111
Ваш пример по идее должен выглядеть примерно так:
html {
font-size: 1px;
}

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

таким образом мы сможем все перевести в rem без сложных расчетов
Ответ написан
@SleepingLion
rem — размер относительно базового (определённого в .html{}) размера шрифта.
По идее должен быть дружелюбнее к мобильным устройствами и ресайзу.
Может быть удобно использовать rem при построении сложных по дизайну страниц, чтобы ничего не ползло при разных разрешениях/масштабах. Главное не запутаться, где ты используешь абсолютные, а где относительные значения величины.
Совместимость с браузерами
Ответ написан
Комментировать
Вот тут про нее немного написано web-standards.ru/articles/boring-bits-of-css
:) и вообще статья полезная
Ответ написан
Комментировать
brevis
@brevis
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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