Адаптивная верстка. Чем лучше делать отсупы(margin, padding) — rem или %?

Question

[PavelScron]

Что в данный момент считается более эффективным для верски адаптивных сайтов? Мне почему-то кажется что в rem удобнее и современнее, но хотелось бы узнать мнение опытных версальщиков.

Comments

[Иван]

а что мешает делать px?

[Владислав Лысков]

слабо могу аргументировать, но мой выбор - rem, но важно помнить, что % задается от родителя, а rem - от изначально установленного

Answer 1

[Ankhena]

А логику включить?

Чем лучше делать отсупы(margin, padding) — rem или %?

А вы как верстаете? Не глядя в макеты дизайнера вообще?

Сами ответьте на вопрос
В чем вы будете задавать отступы в CSS, если:
1. В макете дизайнера все отступы на всех разрешениях равны 23 пикселям.
2. На десктопе шрифт задан 16px и отступы по 16px, на мобильных шрифт 20px и отступы тоже по 20px.
3. В стайлгайде написано человеческим языком: делай отступы 3% от ширины блока.
4. Тоже самое, но делай отступы в 2 символа.

Answer 2

[Сергей Левченко]

px и % - ничего надежнее нет

Answer 3

[dom1n1k]

Ориентировочно в порядке убывания популярности: em, rem, vw/vh/vmin, px, calc, %
Но это приблизительно, многое зависит от ситуации, не нужно воспринимать как догму.

Answer 4

[AlexKeller]

Использовать проценты для отступов никогда не считал необходимым. Обычно использую em, но в последнее время предпочтение отдаю rem, как минимум для более глобальных отступов, типа лэйаута