Разработать разрешение 4K на рабочем столе или позволить браузерам обрабатывать масштабирование?

Question

У меня есть общий вопрос веб-дизайна. Недавно наш офис приобрел несколько очень больших телевизионных экранов 4K. Первое, что делали люди, - это подключить Surface Pro 3 к нему.

Я загрузил сайт нашей компании на нем. Это не здорово. Это очень, очень, очень тонкий. Он был разработан, чтобы реагировать на разрешения около 1080p.

Теперь это был IE11, на Windows 8.1. Я не знаю, что Edge имеет в магазине с Windows 10. Однако я знаю, что в Chrome есть режим «HiDPI», который, я считаю, устанавливает размер экрана устройства и масштабирует все, и они активно улучшают эту функцию.

Если экран был обработан так, как если бы он был 1080p, и все было масштабировано 2x, я нахожусь в ясном состоянии для всех своих сайтов.

Мой вопрос: стоит ли рассчитывать на масштабирование браузера? Станет ли это нормой? Или это просто необходимое зло, которое они должны реализовать для обратной совместимости с нынешним большинством всего Интернета?

Должен ли я продолжать добавлять более отзывчивый дизайн и гарантировать, что он будет выглядеть хорошо, alllllllll путь до 4K резолюций? Есть ли какие-либо мета-теги, о которых нужно знать, чтобы я мог воспользоваться преимуществами масштабирования браузера, когда это возможно?

Извините за шквал вопросов. Чтобы сохранить это короткое и сладкое, я просто спрошу это:

Должен ли я начать фокусироваться на том, чтобы мои отзывчивые веб-сайты выглядели хорошо вплоть до 4K-разрешений или продолжали развиваться для 1080p и молиться, масштабирование браузера становится нормой для дисплеев 4K?

Answer 1

Мой вопрос в том, следует ли рассчитывать на масштабирование браузера? Станет ли это нормой?

DPI Масштабирование важно на мобильных устройствах, где у вас есть маленькие экраны с высокой плотностью пикселей.

На настольных компьютерах история не такая прямая. Есть 24-дюймовые 4k-дисплеи, которые вы можете легко рассмотреть на дисплее с высоким разрешением DPI, и, следовательно, пользователи, вероятно, захотят применить масштабирование DPI, когда они доступны.

Но также есть большие 30-дюймовые дисплеи и дисплеи размером 4 тыс. Пикселей. Кто-то может даже выбрать использовать 60-дюймовый телевизор в качестве монитора компьютера. Там плотность пикселей намного ниже, а масштабирование DPI будет тратить много недвижимости. Таким образом, пользователи могут выбирать такие конфигурации без масштабирования.

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

Независимо от того, стоит ли вам это решать, решать. Пользователи всегда имеют возможность использовать экранное пространство по-разному, например. вместо этого отображает два приложения.

Answer 2

Используйте мультимедийные запросы для размещения дополнительного прецедента. Даже если браузеры в конечном итоге умны и начинают обрабатывать 1px по-разному для разных настольных экранов, это может занять некоторое время, и пока ваш сайт выглядит дерьмо на этих экранах 4K.

Для руководства о том, как справиться с 4K вы можете проверить эту статью, которая является полезной: http://www.infiniteproduction.eu/blog/building-4k-uhd-website-3840-2160

Основная суть в том, что вы хотите масштабировать свой макет, сделать ваши изображения векторов, где это возможно, чтобы они могли также масштабироваться и масштабировать размеры шрифта.

Когда браузеры в конечном итоге получат поддержку экранов разрешения 4K, ваш сайт по-прежнему будет выглядеть красиво, поэтому действительно нечего терять.