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

2019年8月4日 182次阅读

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

能告诉我这是一个很好的解决方案吗？我尝试使用缩放高分辨率设备,但我遇到了错误(如下所示).

@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插件滚动速度

也许有其他解决方案？

提前致谢！！！

最佳答案 你不应该弄乱缩放..只需在你的头部添加以下行.

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