Под какие разрешения делать адаптив?

Question

[Link-Z]

Под какие разрешения и как адаптировать сайт? Я делаю с помощью media(), для экранов:
1 - 1200px
2 - 990px
3 - 770px
4 - 575px
5 - 320px
Правильно ли это? Или нужны другие разрешения?

Comments

[Сергей delphinpro]

Как же вы задолбали использовать слово "расширение".
Что у вас там расширяется, стесняюсь спросить?
Разрешение экрана.

[WapSter]

Сейчас кто-то верстает под определенные экраны?

[Ankhena]

Всем привет подскажите пожалуйста под какие расширения и как адаптировать сайт,

Подо все!!!
И не разрешение экрана, а размер вьюпорта.
И плотность пикселей не забудьте.

Answer 1

[Анастасия]

Лучше делать не адаптивный, а отзывчивый дизайн. Мне самой не нравятся эти формулировки и под адаптивным я всегда буду подразумевать отзывчивый, но, увы, многие считают это разными видами вёрстки.

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

Answer 2

[Дюша Метёлкин]

по дефолту ты делаешь 1920х1080 и уже ниже адаптируешь 1600х900, 1366х768(это самые популярные разрешения), желательно делать сайт не адаптивным в наше время а резиновым а это разные вещи, про media правильно так же блокам задавать резиновую ширину в % допустим .block{ width: 33%;}, и под мобилку просто делаешь эти блоки либо в 2 колонки(.block{ width: 50%;}) либо в 1(.block{ width:100%;})

Answer 3

[Vladislav]

Отзывчивую вёрстку делаешь от 1920 до 320, берёшь этот промежуток и по мере надобности пилишь медиа