Как лучше делать адаптацию по телефон в px или в %?

Question

[Даниил Секретов]

У меня есть верстка где везде использовалось определение длины и тд по px, и я делаю моб версию для сайта, где блоки меняются местами и появляться дополнительные и исчезают старые, и так же в фигма верстка под разные размеры экранов телефонов есть. Кто знает в чем лучше делать адаптив в px или в %.

Comments

[Ankhena]

Нет ответа "всегда делай так".

Подумайте сами.
Толщина границ: обычно не зависит от ширины вьюпорта. Как была задана дизайнером, например, в 1px, так и останется. (Бывают, конечно, разные случаи, но в большинстве так).
В чем будете задавать?

Карточки в каталоге: не знаем сколько поместится и пишем minmax(300px, 1fr). Это в чем? В px или в %?
Либо нужно выстраивать всегда по 4 карточки в ряд. Можем задать ширину по 25%, можем написать repeat(4, 1fr).
Можем, конечно и в пикселях и написать кучу media.

Так и разбирайте каждый блок. Что в нем и от чего зависит.

На всякий случай, кроме % и px полно других интересных единиц измерения.
А также функции min, max и clamp.
Рекомендую изучить перед тем как начать писать.

Какие используете единицы измерения при верстке?

Answer 1

[Михаил Р.]

Кто знает в чем лучше делать адаптив в px или в %

rem, который зависит от размера шрифта в html/body. Меняете размер шрифта - пропорционально меняется все, что задано в rem.