Задать вопрос
@BelkinVadim
Frontend разработчик
верстка

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

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

Посоветуйте или подскажите, на какие 3-5 границ (размеров ширины экрана) выбрать для адаптивного сайта.
  • Вопрос задан
  • 8744 просмотра
Комментировать
Подписаться 17 Оценить Комментировать
Пригласить эксперта
Ответы на вопрос 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+ переход.
Ответ написан
9 комментариев
9 комментариев
@mvs
Впринципе, размеры в Bootstrap'е вполне соответствуют реальности, поскольку в новых устройствах повышается количество физических пикселей, а не логических. Поэтому каким бы ни был экран, пусть хоть 4-5к, но при телефонном размере в 5" ему необходимо отдавать телефонную страницу на 360-480px.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend Vue & Capacitor Developer Middle++
Parasol Software
от 2 000 до 2 500 $
Frontend-стажер React
Студия Oxem • Москва
от 20 000 до 80 000 ₽
Frontend программист-разработчик
Максавит • Нижний Новгород
До 200 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Менеджер по продажам в онлайн-школу
17 апр. 2024, в 00:48
35000 руб./за проект
Сделать картинки для слов
17 апр. 2024, в 00:13
800 руб./за проект
Разработка backend python+django
17 апр. 2024, в 00:06
240000 руб./за проект
Ещё заказы