Какие основные размеры для медиа-запросов?

Question

[trevoga_su]

Привет. При верстке какие основные max-width надо указывать?
Есть же наверняка какие-то стандарты/основные разрешения?

Comments

[ian14]

Обычно 1024, 980, 800, 640, 480, 320

[ian14]

Но можно и меньше вариантов. В любом случае, тут на 100% не угадаешь. У многих на мобильных устройствах "компьютерные" браузеры, которые обрабатывают запрос не так, как мобильные.

Answer 1

[Сергей Горячев]

Давно уже перешел на систему верстки в 50 пикселей.
1900, 1850, 1800, 1750... и так далее до 400, 350, 300.
Конечно, используются дале не все величины ширины, но мне так удобнее адаптировать.
При изменении размеров экрана смотрю, где какой блок адаптивровать и прописываю ему нужные медиа-запросы.
Такой подход более кропотливый, но как показала практика, более универсальный.
Сначала мне показалось, что это сложный подход, но со временем привык и стало даже удобней.
Устройств все больше и больше, экраны итак отличаются на 100-150 пикселей.
Под устройства давно перестал верстать, 50 пикселей шаг проще.
Для верстки использую БЭМ и SASS, медиа-запросы не в одном файле, а вместе со стилями блока.
Поэтому всегда видно, где и какой блок находится и где поправить.

Answer 2

[Полина Емельянова]

Самый большой не задан
l - 1024
m - 800/700
s - 500
xs - 320

Да не стандарт, но меня еще ни разу не подводил.))