Каковы принципы верстки для разрешений 2K/4K?

Question

[Александр]

Допустим, дизайн был разработан с шириной фрейма 1920px, все элементы расположены как надо и все очень гармонично. Но что произойдет, если кто-нибудь откроет сайт на мониторе с бОльшим разрешением? Профессиональные веб-разработчики задумываются о таких случаях? Что делать в таких ситуациях? Увеличить везде размер шрифта и элементов в 2-3 раза?

Comments

[Rustam Bainazarov]

Ничего увеличивать не надо. Есть такая штука, как зона контента. Её ограничиваете. Если её нельзя ограничить по дизайну (например, дизайн, состоящий из квадратов, которые от края до края), то просто желаете за дизайнера его работу и пытаетесь максимально нормально разместить контент.

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

[IgorAlentyev]

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

Answer 1

[Антон Усачев]

1. Использовались относительные единицы измерения для шрифтов.
2. Использовать проценты для измеряемых величин.
3. Использовать svg для изображений, где возможно. Где невозможно – srcset
4. Использовать grid и flex. Их можно настроить как угодно.
5. Главное: точно представлять, для кого делается сайт и каким аппаратом пользователь обладает.