5

У меня есть веб-страница с отзывчивым дизайном (я использовал Bootstrap). Все работает очень хорошо для мобильных, планшетов и настольных размеров. Но когда я использую экраны или устройства с высоким разрешением (более 1920x1080 пикселей), сайт становится очень маленьким.сайт на экране с высоким разрешением слишком мал

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

@media (min-width: 1900px){ 
    html { 
    zoom: 150%; 
    -ms-zoom: 1.5; 
    -webkit-zoom: 1.5; 
    -moz-transform: scale(1.5,1.5);   
    transform-origin: center top ; 
    } 
    body { /* use only for IE */ 
    zoom: 1.5;   
    /* -ms-transform-origin: left top; */ 
    } 
} 

Bugs:

  1. Не центрированные в IE

  2. Влияет JScrollPane плагин скорость прокрутки в IE и Firefox

Может быть, есть и другие решения?

Заранее благодарен!

+0

Дело в том, чтобы проверить сайт Bootstrap на том же экране. У меня есть киноэкран, очень большой, и это правильный размер, поэтому с вашим CSS что-то не так. Вы думаете, что он слишком узкий? Это можно настроить с помощью медиа-запросов. – Christina

ответ

1

Вам не нужно путаться с зонами. Просто добавьте следующую строку в раздел head.

<meta name="viewport" content="width=device-width, initial-scale=1"> 
+0

У меня уже есть '' – Ash

1

То, как я сделал это было с помощью CSS Browser Selector вручную центру и закрепить веб-сайт в IE, кроме того, увеличение действительно хорошая альтернатива, когда вы не хотите, чтобы повторно создать веб-сайт для экранов с высоким разрешением ,