Адаптивность сайта на 2k, 4k и 8k мониторах при помощи CSS

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

/* Для разрешения 2K и 4K */
@media only screen and (min-width: 2700px) {
  html {
    zoom: 200%
  }
}

/* Для разрешения 8K */
@media only screen and (min-width: 8000px) {
  html {
    zoom: 400%
  }
}

Таким образом мы масштабируем содержимое экнара в 2 или 4 раза в зависимости от размера окна браузера. Способ по сути условный и нужно тестирование его на реальных мониторах, поэтому буду прзнателен вам за обратную свзяь при тестировании на реальном мониторе.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Посты по теме

CRON для сайта

Как сделать свой сайт быстрее и эффективнее путем настройки фоновых заданий на CRON

Настройка CRON для VtigerCRM

Для того, чтобы правильно работали фоновые задания в CRM системе обязаельно нужно настроить запуск исполняющего файла по CRON. Для этого в VtigerCRM есть специальные файлы для Linux и Windows серверов Все что нужно сделать, это добваить в планировщик CRON на линксовом сервере выполнение задачи ~/cron/vtigercron.sh с интервалом 1 раз в минуту.

Что делать если Bitrix MySQL использует все ресурсы процессора

Однажды столкнулся с интересной проблемой, MySQL стал пожирать полностью все ресурсы процессора. Причем “захват” ресурсов происходил плавно с выраженными скачками на графике мониторинга Провалы на графике это ручной перезапуск службы MySQL Причина утечки процессорных ресурсов под MySQL В поисках причины были исследованы длинные запросы к БД и перепробваны различные комбинации настроек MySQL, но ничего не […]

Как изменить язык сайта Битрикс для раздела или страницы

Легкий способ локально изменить ящык сайта Bitrix для отдельных страниц или разделов без применения механизма многосайтовости.

Валидация свойств при оформлении заказа в Битрикс

Настройка регулярных выражений для проверки ввода в полях заказа Bitrix. Инструкция по настройке и шаблоны для популярных ситуаций.