Какого размера сегодня должен быть сайт по ширине?

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

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

Если, конечно, горизонтальный скролл не предусмотрен дизайном

Зависит от того, как организован контент.

Вообще, думаю, лучше говорить не о ширине сайта, а о ширине конкретных типов контента.

Т.е. корректнее говорить, например, о максимальной ширине контента для комфортного чтения.. итд

И эти цифры будут варьироваться в каждом конкретном случае. Формат контента ведь может быть разным. Размер шрифта, междустрочный интервал, отступы

Фейсбук.

Ширина ленты - 500px.

Ширина контента вместе с "сайдбарами" - 1012

При этом, можно сказать, что для сайта в целом ширина 100% - тоже справедливо (блок с друзьями-чатом прижат к правому краю, сворачивается при уменьшении окна браузера)

на десктопе гориз.скролл появляется на 1000

https://www.amazon.com/

где-то 100%, где-то 1250, 1000,.. итд

на десктопе гориз.скролл появляется где-то на 1030, вроде

https://www.airbnb.ru/

главная 100%

внутренние 1032 (1080 с отступами) + некоторые блоки 100%.

полностью адаптивный, горизонтальный скролл не появляется.

https://www.zappos.com/

везде 1440

как-бы полностью адаптивный. ну т.е. он сворачивается, но на некоторых размерах окна появляется небольшой горизонтальный скролл. Скорее, баг

https://www.awwwards.com/

главная - 100%.

на внутренних (напр. https://www.awwwards.com/sites/ferme-latiere) макс.ширина контента 1290. При этом топ-бар, верхний баннер, футер, блоки внизу - 100%.

полностью адаптивный

и т.п.

Я к чему. 100% ширины, ограничение по % или px - все допустимо и все возможно. Главное, чтобы это помогало пользователю легче воспринимать информацию.. От этого и будут зависеть конечные значения.

Для этого существует css max-width 🍿

Ширина чего? Ширину текста лучше делать в 40-70 символов. Исходя из этого и адаптируйте под разные экраны. Только имейте ввиду, что браузеры оперируют виртуальными точками, а не реальными.

Блин, какая разница как это будет смотреться на широкоформатных мониторах???

Они нужны для видео и игр. Широкий экран для веба? Это смешно. Поэтому и ограничивать ширину центральной (главной) колонки до максимальных пикселей.

Смотрится как одинокая полоска в центре? Ну так дело не в феншуйных ощущениях от вида сайта, а в том, насколько удобно читать текст. Крутить головой иглазами на всю ширину широкоформатного моника, читая статью - ну такое себе удовольствие.

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

А вообще я для просмотра сайтов, в общем для себя, использую до сих пор квадратный моник, правда их уже наверное скоро вообще перестанут производить, а жаль.

Ну так если у человека широкоформатный монитор для чего-нибудь, для чего ему реально нужно, то и веб у него будет на широкоформатном мониторе :p.

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

Реально, широкий формат - он неудобен для чтения.

Там и с высотой проблемы сразу начинаются.

На многих сайтах на первом экране только шапка :)

Вы не в курсе, что народ серфит по сайтам в основном в рабочее время? И если дома еще можно встретить старые девятнашки, то в офисах везде стоят уже гораздо более современные 20-24'' аппараты. Поэтому мне кажется важно, как сайт выглядит на таком мониторе. Если лет пять-шесть назад это было не так критично, то сегодня может оказаться реально значимым фактором.

Попытался прочитать комменты на своих сайтах, сделанные шрифтом в 14px - вообще еле разобрал что там написано.

У этого форума 100%)))

Media-query в css позволяют адаптировать не только ширины макета, но и размеры шрифтов (особенно, если все шрифты на сайте задаются в % допустим от базового размера body), и последовательность блоков (inline-block, flexbox схемы), отступы (читаем про размеры обьектов в vh и vw).

И на 24 дюйм монике с 4К сайт будет выглядеть пропорционально 1680 на стареньком 15 макбуке доп стим, или на 19 декстопе с 1280.

А на мобиле и планшете с разрешением в портретном развороте с 768 точками перестроится сетка...

у вас что-то с глазами, или это банальная драматизация)