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

我有一個響應式設計的網頁（我用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

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

回答

相關問題