Некоторые стандарты разрешений экранов в современной веб-разработке:
- Для компьютеров и ноутбуков. 1 Универсальной шириной для прототипа на компьютер и ноутбук считается 1920 пикселей, также может использоваться ширина 1440 или 1280 пикселей. 1 Универсальной высоты нет, у каждого проекта она своя и зависит от количества разделов. 1
- Для планшетов. 4 Усреднённые разрешения для адаптивной вёрстки — 960 пикселей. 4
- Для телефонов. 4 Минимальное разрешение для портретной ориентации мобильных устройств на базе Android — 375 пикселей, для альбомной ориентации — 667 пикселей. 3
Также рекомендуется ориентироваться на разрешение 1200px x 720 px, в этом случае сайт будет отображаться корректно практически на всех устройствах. 3
При разработке дизайна следует ориентироваться на минимальные рекомендуемые разрешения устройств, чтобы избежать проблем с вёрсткой. 3