Сайт может быть шире чем 1920px?

Question

[AbaGardon]

Я правильно понимаю, сайт нужно верстать от 320px до 1920px а далее уже экраны подстраиваются ?

Answer 1

[Stalker_RED]

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

.content {
  max-width: 1920px;
  margin: 0 auto;
}

Comments

[Therapyx]

Людей на Ultrawide мониторах уже не мало и их кол-во стремительно растет) если еще года 4 назад я знал только парочку людей. То сейчас уже как минимум с 20 :) (21:9 формат)

[AbaGardon]

Ну вот если картинка 1920px на сайте, а чел с мака заходит где 5k или еще кто-нибудь с телевизора то сайт получается маленьким же? и читать такой сайт не удобно будет, или я что то не так понимаю ?

[AbaGardon]

MaxKorz, у меня так не влезает приходится скролить, а если отдалить то ничего не видно.

[Stalker_RED]

AbaGardon, задавайте размер текста в em или в процентах, и он будет отталкиваться от настроек браузера.
В px вообще текст не рекомендуется задавать.

[AbaGardon]

Stalker_RED, их поддерживать трудно. поэтому не используем. =)

[AbaGardon]

MaxKorz, Получается:
- Только растровой картинкам нужен еще дополнительный x2 картинки большего размера (в два раза) для ретина подобных экранов и все ?
- А для x3 экранов уже не имеет смысла наверно скачивать изображения такого большого размера, человеческой глаз эту разницу увидит (или я тут не понимаю чего-то) ?

[AbaGardon]

MaxKorz, насчет picture, srcset - это разумеется. А вот как часто на практике встречается x3 экраны, и могу ли я имитировать это все дело в браузере без x3 дисплея ?

Answer 2

[Полина]

Вопрос хороший, на самом деле. 4к мониторы набирают популярность, и у нас уже двое клиентов за последние пару месяцев заказали сайты с адаптацией под 4к. В первом случае дизайнер сделал перестроение блоков, во втором - тупо увеличил все вдвое (дизайнеры разные были:)). Второе я еще не делала, но чую, что геморроя будет немало, т.к. верстаю не с нуля, а переверстываю готовое.
Так что да, сайт очень даже может быть шире, чем 1920.

Comments

[AbaGardon]

Сегодня не давно говорил с дизайнером как он сказал. - "Сайт не может быть больше 1920px, так как ширина видимой (viewport) части не может быть больше 1920px. Дальше сайт просто растягивается."

Кому верить, дизайнер ведет в заблуждение ?

[Полина]

По-моему, ваш дизайнер не прав, т.к. если вы не указали вьюпорт или указали

<meta name="viewport" content="width=device-width, initial-scale=1">

, то его ширина будет не меньше ширины экрана (окна браузера), а поскольку 4к мониторы есть, то и вьюпорты соответствующие тоже есть.
Если у вас под рукой нет 4к монитора, в инспекторе включите девайс тулбар, поставьте масштаб 50% и тяните область просмотра в ширину - получится имитация широкого экрана.

[AbaGardon]

Полина, но так шрифты не видны. Получается и в 4к тоже будет не видно ?

[Полина]

AbaGardon, не поняла, где и почему шрифты не видны?

[AbaGardon]

Полина, ну текст мелкий.

[Полина]

AbaGardon, так можно использовать медиа-выражения, типа,

@media (min-width: 2560px) {
    body {
        font-size: 32px;
    }
}

[AbaGardon]

Полина, кажется немного начал понимать. Но вот еще один вопрос возник:

Допустим если у iMac разрешение 5120х2880 получается для них изображение должен быть 10240 на 5760 ? если это экран ретина ?
И я что то не так понял ?

[Полина]

AbaGardon, вот с ретиной не подскажу. Пока что ориентируюсь только на обычные 4к мониторы.