На какие размеры экрана нужно рассчитывать, делая адаптивный сайт?

Question

[LissaAlbatross]

Я смотрю в хромиуме по ф12. Очень нужно мобильную версию сделать красиво.

Comments

[Rustam Bainazarov]

На все. От 320px, ибо это минимум. 375px — ширина iPhone 6, 6S, 7, 8, X, XS. В районе 360px — ширина viewport стандартного Android-телефона. Поэтому у меня контрольная ширина именно 360px.

Но это не говорит о том, что я делаю под 360px. Адаптивность — это диапазоны. Там нет такого, что чётко 320px или 375px.

[LissaAlbatross]

Рустам Байназаров, Расскажите, пожалуйста, подробнее про диапазоны.

[Сергей Карвасарный]

LissaAlbatross, а что про них рассказывать, берешь открываешь сайт, открываешь панель разработчика и мобильную версию и выбираешь ресайз и от максимального размера сайт и до 320 тянешь и правишь все) можешь придерживаться размеров сетки bootstrap, да и вообще если его использовать проблемы с респонсом минимальные.