Адаптив не только под мобильные, но и под десктоп разных разрешений?

Question

[Niksak]

Я заметил, что люди верстают и задумываются об адаптиве только для мобильных устройств.
Условный Мыкола верстает на своем ноутбуке с разрешением 1366 на 768 и адаптирует свой сайт на мобилки вплоть до 320 пикселей, но не задумывается об адаптиве на большее разрешение, чем у него есть. То есть на 1600 на 900 или 1920 на 1080 уже будет очень мелкий шрифт, маленький контент и кнопки.
Я вот увеличиваю масштаб на своем 1600 на 900 в панели разработчика, допустим до 4К, там все мелкое и абсолютно не читабельное.

Как вы себя на больших мониторах чувствуете? Нужен адаптив?
И как можно нормально адаптив сделать под большее разрешение?) Способы

Я нашел вот этот способ https://habr.com/ru/company/bimeister/blog/700950/

Comments

[ThunderCat]

многие устройства с большим разрешением сразу от производителя софтверно "снижают" разрешение экрана, выставляя настройки зума браузера на 150% или около того (например макбуки). По этому там таких проблем нет, все смотрится нормально.

[Сергей delphinpro]

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

Это не люди, а обезьянки-версталки.

Для верстки нужен большой моник. Лучше 4к, на крайняк - FHD

[Froggyweb]

Мыкола - молодец.
дизайн десктопа подразумевает что это дизайн для разрешения 1920 (включая ретину 2х, 3х, Nx)

Я вот увеличиваю масштаб на своем 1600 на 900 в панели разработчика, допустим до 4К

А вот это ад какой-то поподробней.

Вообще это у тебя монитор маленький, отсюда комплексы.
если очень хочется, то можно в панели разработчика выставить разрешение 1920 и масштаб 100%.
Да сейчас есть моники с 2540 на 32'', но тогда для них нужен отдельный дизайн. Но их процент как и 17'' элт на 1280

[imko]

Способ по ссылке актуален только если твой сайт посещают люди с одной и той же пропорцией экрана) Я вот при таком бесконечном масштаблировании на своем 2560х1080 увижу гигантский контент не влезающий по высоте мне в экран

Answer 1

[Eugene]

Открою тебе секрет, но многие сайты построены на максимальной ширише контейнера в 1200пх.

Соотв на мониторе 1920 - ты спокойно увидишь 1366.
Никто не будет делать макет под 4к, чтобы он выглядел аналогично 1366 по пропорции.
-Все будет слишком огромное.

+ разрешение экрана не равно диагонали монитора. 4к - не значит монитор в пол стены.

1600 на 900 или 1920 на 1080 уже будет очень мелкий шрифт, маленький контент и кнопки

Абсолютно неверное представление. Физическая величина практически не меняется. Сайт просто становится шире и все. Шрифт и кнопки не станут меньше. Просто пустого места по бокам сайта станет больше.
https://gyazo.com/d940c414c7fd83aaad2aab4be0152da1

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

Если диагональ экрана в 4к такая же, как и у монитора 1920х1080 (например 24 дюйма) - конечно все будет маленькое. Но такое физически редко делается.

В идеале, надо делать макеты fullhd/2k/3k/4k.
Но тут отталкиваются от статистики посещения сайта. С каких устройств.
Сейчас в мире самыми популярными являются разрешения ноутбуков и full hd. Это 1400х900 и 1920х1080.

Если дизайнер не сделал/было впадлу или еще чего, но по итогу под 2к/3к/4к таки надо адаптировать - сайт тупо апскейлят и не парятся.

Я вот увеличиваю масштаб на своем 1600 на 900 в панели разработчика, допустим до 4К, там все мелкое и абсолютно не читабельное.

А тебе и будет казаться все мелким. Как ты можешь оценить то, если физически ты не видишь 1к1?
Ты по факту просто отдалил сайт.
Открой любой сайт на своем 1400 и просто представь, что видишь ты на сайте все точно так же, просто твой монитор стал шире в 2 раза. И эти "2 раза" просто заполнило белым цветом.
Буквы не стали меньше. Ты не отошел от монитора на 2 метра назад. Ты как сидел, так и сидишь.

Да, можно конечно сказать, что 4к и выше мониторы, сами по себе больше и люди ставят их чуть подальше. Но на практике - нет.
Но если делать под них верстку и все увеличивать - человеку уже будет некомфортно. Слишком сильно и далеко придется бегать глазами. Заголовок который был 40пх, на 4к если сделать 80пх - так ты его не прочтешь просто.