Как лучше делать адаптацию по телефон в px или в %?
У меня есть верстка где везде использовалось определение длины и тд по px, и я делаю моб версию для сайта, где блоки меняются местами и появляться дополнительные и исчезают старые, и так же в фигма верстка под разные размеры экранов телефонов есть. Кто знает в чем лучше делать адаптив в px или в %.
Дополнительно:
Нет ответа "всегда делай так".
Подумайте сами.
Толщина границ: обычно не зависит от ширины вьюпорта. Как была задана дизайнером, например, в 1px, так и останется. (Бывают, конечно, разные случаи, но в большинстве так).
В чем будете задавать?
Карточки в каталоге: не знаем сколько поместится и пишем minmax(300px, 1fr). Это в чем? В px или в %?
Либо нужно выстраивать всегда по 4 карточки в ряд. Можем задать ширину по 25%, можем написать repeat(4, 1fr).
Можем, конечно и в пикселях и написать кучу media.
Так и разбирайте каждый блок. Что в нем и от чего зависит.
На всякий случай, кроме % и px полно других интересных единиц измерения.
А также функции min, max и clamp.
Рекомендую изучить перед тем как начать писать.
Какие используете единицы измерения при верстке?
Кто знает в чем лучше делать адаптив в px или в %
rem, который зависит от размера шрифта в html/body. Меняете размер шрифта - пропорционально меняется все, что задано в rem.
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос
При проектировании адаптивного дизайна для мобильных устройств, важно учитывать различные аспекты, такие как удобство использования, внешний вид и производительность. Когда речь идет о выборе единиц измерения для адаптации по телефону, обычно рекомендуется использовать проценты (%) вместо пикселей (px).
Использование процентов позволяет элементам на вашем сайте масштабироваться относительно размера экрана устройства пользователя. Это означает, что ваш дизайн будет более гибким и легко адаптируется к разным размерам экранов мобильных устройств. Таким образом, вы сможете создать удобный и красивый дизайн, который будет хорошо смотреться на всех устройствах.
С другой стороны, использование пикселей может привести к проблемам с масштабированием и отображением на разных устройствах. Пиксели имеют фиксированный размер и не могут автоматически масштабироваться в зависимости от размера экрана. Это может привести к тому, что ваш сайт будет плохо смотреться на устройствах с разными разрешениями.
Таким образом, рекомендуется использовать проценты для адаптации по телефону, чтобы создать более гибкий и удобный дизайн, который будет хорошо работать на всех устройствах. Не забывайте также о других аспектах адаптивного дизайна, таких как медиа-запросы и гибкое расположение элементов на странице.