BelkinVadim
@BelkinVadim
Frontend разработчик

Какие разрешения стоит выбирать для границ перехода в адаптивной верстке?

По началу привык к botstrap, где устройства делились на мобильные (меньше 768px), планшеты (от 768px до 992px), компы (от 992px до 1200px) и большие мониторы (от 1200px).
С момента появления такого деления на экраны появилась куча устройств, и под разрешения от 768px до 992px попадают уже и телефоны, а в разрешениях от 992px до 1200px большую часть заняли планеты.
Какие сейчас разрешения стоит выбирать для границ перехода в адаптивной верстке, чтобы охватить самые используемые устройства (телефоны, планшеты, пк)? Изменились ли эти границы перехода, и хватает ли их на данный момент этого кол-ва переходов тем кто занимается адаптивным дизайном/версткой?

Посоветуйте или подскажите, на какие 3-5 границ (размеров ширины экрана) выбрать для адаптивного сайта.
  • Вопрос задан
  • 8182 просмотра
Пригласить эксперта
Ответы на вопрос 2
IonDen
@IonDen
JavaScript developer. IonDen.com
Фаерфокс -> Открыть меню -> Разработка -> Адаптивный дизайн.
Вуаля, там есть самые популярные варианты + возможность класть смарфон на бок.

Границы: смартфон (iphone 4,5 и т.д.) -> лопата (ipone 6 plus, galaxy note) -> мини планшет (ipad mini, google nexus 7) -> большой планшет (ipad) -> десктоп

+ еще очень рекомендую эту статью: habrahabr.ru/post/237931

+ вообще, контент должен быть в какой-то мере резиновым, скажем от 320 до 370 просто резина, а только 370+ переход.
Ответ написан
Впринципе, размеры в Bootstrap'е вполне соответствуют реальности, поскольку в новых устройствах повышается количество физических пикселей, а не логических. Поэтому каким бы ни был экран, пусть хоть 4-5к, но при телефонном размере в 5" ему необходимо отдавать телефонную страницу на 360-480px.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы