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

我有一个响应式设计的网页（我用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; */ 
    } 
}

错误：

在IE
未对影响JScrollPane的插件，滚动速度在IE和Firefox

可能还有其他的解决方案？

在此先感谢！

来源

2014-09-24 Ash

要检查的事情是在同一屏幕上查看Bootstrap的网站。我有一个电影显示器，非常大，而且尺寸合适，所以CSS有些不正确。你是否认为它太窄？这可以通过媒体查询进行调整。 – Christina 2014-09-24 20:22:19

您不应该混乱放大。只需将以下行添加到您的head部分。

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

来源

2014-09-24 19:26:15 Jmh2013

我已经有了它' – Ash 2014-09-24 19:31:28

我做到了用CSS Browser Selector手工中心和修复IE浏览器的网站的方式，除此之外，变焦当你不希望重新建立网站，高分辨率的屏幕一个非常不错的选择。

来源

2016-06-13 20:16:05 dahngeek

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

回答

相关问题