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

Question

[Глеб Жуков]

Какую ширину указывать в медиа-запросах ? Какие разрешения у мобильных, планшетов, пк ?

Answer 1

[Андрей Хохлов]

320+ -> [возможно что-то тут ] -> 768+ -> 1024+ -> [если имеет смысл для проекта]
Требования к psd-макетам

Comments

[Глеб Жуков]

viewport всегда указывать ?

Answer 2

[Максим Тимофеев]

У всех разные. Верстайте резину, тестите на разных разрешениях.

Comments

[Глеб Жуков]

Что такое резина ?

[GeekFromUa]

Глеб Жуков: когда ширина не указана статически в пикселях, а в процентах что позволяет подстраиватся под разные размеры экранов

[Максим Тимофеев]

Глеб Жуков: Резина - это верстка не зависящая от расширения. Размеры не в px а в %. Вообще советую посмотреть вот это: getbootstrap.com/css/#grid

[Ankhena]

Глеб Жуков: Максим Тимофеев: Лучше сначала понять что к чему и попробовать хоть простой сайт сделать руками. А потом уже использовать бутстрап.

[Максим Тимофеев]

Ankhena W: Естественно, но учить азы на правильных примерах - тоже вариант

[Максим Тимофеев]

sashabeep: Там есть костыли, но в целом правильный. Так же можно взять и любой другой аналог: fondation, skeleton (кстати наверное попроще, так как очень маленький), kube и т.д.

Answer 3

[Павел]

Разрешений много разных, под все не угадаете, но есть основные брейкпойнты:
Все что более 1366
1366
1200
1024
991
768
480
425
375
320

Ну и при этом верстка должна быть резиновой желательно, если не попадете в какой-нибудь брейкпойнт.

Comments

[Андрей Хохлов]

это не основные, никто не будет в здравом уме писать разные стили для 991 (что это вообще) и 1024

Answer 4

[Ankhena]

Вьюпорты различный устройств: viewportsizes.com

Нормально должно быть на любом размере окна. На десктопах совсем не все и совсем не всегда держат окно браузера развернутым на полный экран. А значит ширина окна может быть абсолютно любой.