Как лучше адаптировать мобильную версию?

Question

[Дмитрий Руденко]

Здравствуйте. Подскажите, пожалуйста, как лучше сделать адаптив.
Такая ситуация что после 575рх ширина контейнера идёт 100%, получается от 575 до до 400 где-то так себе выглядит, много места пустого, а далее всё как надо.
Как лучше это адаптировать?
Можно ли сделать адаптив,допустим, от 575 до 400, а далее от 399 до 320?

Comments

[Владимир Юрченков]

Ты можешь сделать индивидуально, это обычно применятся если у тебя какой то нестандартный макет.
В целом на тостере уже отвечали на подобные вопросы.

[Дмитрий Руденко]

Владимир Юрченков, То есть от 575 до 400, а далее 399 до 320 это будет нормой?
Просто думал может быть какие-то устройства будут так себе поддерживать такое
В плане того, что где-то поплывёт

[Владимир Юрченков]

Дмитрий Руденко, ознакомьтесь с документацией по отображению сайтов в браузерах на популярных устройствах. Безусловно, это может не сработать, нужно тестировать. А вообще всегда можно придумать что-то под стандартные размеры.

Answer 1

[KirillKenigsberg]

Можно через js. Получаете размеры экрана и дальше уже делаете что надо

Answer 2

[greg_13]

Да, можно.
Как предложено ранее, можно это отлавливать через js и применять необходимые действия, но можно так же это делать через медиа запросы. Условно если требуется промежуток от 575 до 400, то прописываем "@media screen and (min-width:400px) and (max-width:575px){ *тут уже стили, которые необходимы для этого участка* }". Аналогично для участка 399 - 320