Как правильно должен выглядеть сайт на адаптиве?

Question

[Петр Сергеев]

Есть макет сайта например и 3 его версии, на разрешение 1200px, на разрешении 768px и на разрешении 320px.

Немного запутался,
Каким сайт должен выглядеть на разрешении 321px? Как на 320 или как на 768?
Каким на 767px и каким на 769px?
А каким на 1999px и 12001?

Comments

[Maxim Kirshin]

От меньшего к большему, верстка резиновая обычно всегда

P.S. на 12001 он будет выглядеть не очень

[Петр Сергеев]

понял, спасибо

то есть от 320 до а 768 - используется макет 320
от 769 до 1200 - используется макет 768
от 1201 и выше - применяется макет 1200

[Aetae]

Петр Сергеев, на самом деле границы не такие чёткие, обычно просто на глазок определяешь как лучше.)

[Ankhena]

Петр Сергеев, если вы делаете фиксированную ширину между брейкпоинтами, то да.

Если резину, то по обстоятельствам макета и контента.
Можно добавлять еще брейкпоинты или разные блоки перестраивать по разному.
Это уже творческий процесс.
Иногда вместе с дизайнером, но чаще самостоятельно.

[Петр Сергеев]

Aetae, спасибо

[Петр Сергеев]

Ankhena, спасибо

Answer 1

[Dinesh_Chugtai]

Смотри, если у тебя есть макеты на разрешения 1200px, 768px и 320px, если не обговорено с дизайнером или клиентом иное, обычно означает:

от ∞ до 1201px - ты верстаешь расположение как в макете с 1200px (контейнер фикс 1200 в пикселях)
от 1200px до 769px - ты верстаешь как в макете 768px (контейнер фикс 768 в пикселях)
от 768 до 320px - макет с 320px (контейнер плавающий в %)

Все что ниже 320px верстать смысла нет, никто не сидит уже давно с таким разрешением. Это очень старые смартфоны.

По большей части тебе подобные вопросы нужно обсуждать с дизайнером, т.к дизайны бывают разные и не всегда есть возможность сверстать pixel-to-perfect (особенно много мороки с адаптивом) и чаще всего можно допускать некоторые условности

Comments

[Ankhena]

Нет никаких морок попасть в пиксель перфект при адаптиве.
При резине он проверяется только там где есть макет, т.е. на 320, 768, 1200. Где нет макета - нет проверок, поскольку прикладывать нечего.

[Dinesh_Chugtai]

Ankhena, соглашусь. Я скорее всего неверно отправил посыл, что заказчики могут по своему понимать pixel-to-perfect

[Ankhena]

Dinesh_Chugtai, это да, это они могут, согласна.

Answer 2

[Kirill Makarov]

Поскольку 320 это минимал то первое разрешение от 320 до 768 и так далее