У меня есть веб-страница с отзывчивым дизайном (я использовал 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:
Не центрированные в IE
Влияет JScrollPane плагин скорость прокрутки в IE и Firefox
Может быть, есть и другие решения?
Заранее благодарен!
Дело в том, чтобы проверить сайт Bootstrap на том же экране. У меня есть киноэкран, очень большой, и это правильный размер, поэтому с вашим CSS что-то не так. Вы думаете, что он слишком узкий? Это можно настроить с помощью медиа-запросов. – Christina