@Niksak

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

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

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

Я нашел вот этот способ https://habr.com/ru/company/bimeister/blog/700950/
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
golubevstudio
@golubevstudio
Digital master
Открою тебе секрет, но многие сайты построены на максимальной ширише контейнера в 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пх - так ты его не прочтешь просто.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы