Question

我有一个响应式设计的网页（我使用了Bootstrap）。一切都适用于移动设备，平板电脑和桌面尺寸。但是当我使用高分辨率屏幕或设备（超过1920x1080px）时，网站变得非常小。

请告诉我这是一个很好的解决方案？我尝试使用zoom进行高分辨率设备，但我遇到了错误（如下所示）。

@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; */
  }
}

错误：

不在IE中心
影响IE和Firefox中的jScrollPane插件滚动速度

也许有其他解决方案？

提前致谢!!!

Answer 1

你不应该弄乱缩放..只需将以下行添加到head部分。

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

Answer 2

我这样做的方法是使用CSS Browser Selector在IE中手动居中并修复网站，除此之外，当您不想为高分辨率屏幕重新构建网站时，缩放是一个非常好的选择

高分辨率屏幕上的网站太小了

2 个答案: