Допустим, дизайн был разработан с шириной фрейма 1920px, все элементы расположены как надо и все очень гармонично. Но что произойдет, если кто-нибудь откроет сайт на мониторе с бОльшим разрешением? Профессиональные веб-разработчики задумываются о таких случаях? Что делать в таких ситуациях? Увеличить везде размер шрифта и элементов в 2-3 раза?
Ничего увеличивать не надо. Есть такая штука, как зона контента. Её ограничиваете. Если её нельзя ограничить по дизайну (например, дизайн, состоящий из квадратов, которые от края до края), то просто желаете за дизайнера его работу и пытаетесь максимально нормально разместить контент.
Ну и, надеюсь, вы помните про наши разговоры о viewport и то, что реальное разрешение не отражает то, как у пользователя будет выглядеть сайт.
1. Использовались относительные единицы измерения для шрифтов.
2. Использовать проценты для измеряемых величин.
3. Использовать svg для изображений, где возможно. Где невозможно – srcset
4. Использовать grid и flex. Их можно настроить как угодно.
5. Главное: точно представлять, для кого делается сайт и каким аппаратом пользователь обладает.
Средний
