Яка ширина макету веб-сайтів для настільних ПК та мобільних пристроїв зараз?

Коротка відповідь: немає. Якщо ви хочете, щоб ваш веб-сайт був підготовлений до використання в широкому, дикому світі, слід пам’ятати про будь-яку ширину екрана, скажімо, від 480 до 4800 пікселів.

1. Якого розміру повинен бути макет веб-сайту?
2. Яка ширина мобільного веб-сайту?
3. Який розмір екрану я повинен розробити для мобільних пристроїв?
4. Яку роздільну здатність я повинен використовувати для веб-дизайну?

Якого розміру повинен бути макет веб-сайту?

Слід надати макети, які трохи ширші за контейнер, щоб показати, що відбувається на широких екранах. Наприклад, для контейнера розміром 1366 пікселів потрібен макет шириною близько 1500 пікселів. Якщо контейнер мав ширину 1200 пікселів, то макету шириною 1280 пікселів було б достатньо як для настільних ПК, так і для ноутбуків.

Яка ширина мобільного веб-сайту?

Щоб спробувати забезпечити найкращий досвід, мобільні браузери відображають сторінку на ширині екрану робочого столу (зазвичай близько 980 пікселів, хоча це залежить від пристрою), а потім намагаються покращити вміст, збільшуючи розміри шрифту та масштабуючи вміст відповідно до екран.

Який розмір екрану я повинен розробити для мобільних пристроїв?

По-перше, дизайн для своєї аудиторії. Дизайн від 360 × 640 до 1920 × 1080. Не проектуйте для одного розміру монітора або роздільної здатності екрана. Розміри екрану та стан вікна браузера різняться у відвідувачів.
...
Десятка найпоширеніших роздільних здатностей екрана.

Яку роздільну здатність я повинен використовувати для веб-дизайну?

Який найкращий розмір? Як уже згадувалося, багато хто стверджує, що вам слід принаймні оптимізувати дизайн веб-сайтів під 1024 × 768. Це має змусити веб-сайт виглядати досить добре на більшості дозволів та пристроїв.