Адаптация мобильных устройств, как правильно?

Question

[Eduard07]

У меня вопрос, как правильно адаптировать сайт на мобильных устройствах ?
Например есть макет 320 и нужно адаптировать к 767, но между 320 и 767 есть промежность, которая тоже должна выглядеть круто
- резиновая верстка ? ( не уследишь за всеми елементами, не всегда это выходить правильно )
- промежуточные точки ( например 480, 576, 640, кто будет так делать ? я не знаю тоже или это правильно )
вариантов у меня нету больше, здесь вопрос не по выходу с ситуации, а как правильно буде ?

Answer 1

[Ankhena]

Зависит от макета, ТЗ и платежеспособности заказчика.

Простой и дешевый вариант: в промежутках фиксированная контентная ширина, по краям поля и фоны, которые должны быть растянуты на всю ширину окна.
Сложнее: резина.
Еще сложнее: промежуточные брейкпоинты в точках слома.

Comments

[Eduard07]

Спасибо) но хочется один стандарт, универсальный )

[Ankhena]

Eduard07, верстайте стандартные макеты от одного дизайнера, использующего одну и ту же сетку для всех макетов.

Когда от этого начнет тошнить, возвращайтесь.

[Eduard07]

Ankhena, спасибо большое за совет)))

Answer 2

[Александр Алексеев]

для брейкпоинта 768-980 я беру макет 767
для брейкпоинта 480 я беру макет 320
т е ближайший который меньше, обычно все норм тянется
+ добавляю промежуточные брейкпоинты для мелких правок

Comments

[Eduard07]

Спасибооо за совет )