適應響應式設計的大屏幕

Question

我在一個更大的屏幕（27英寸）上查看時設計的網頁有很多空白空間不填充。我將如何處理這個問題？我已經使用媒體查詢來適應已經最常見的解決方案。我應該如何設計更大的屏幕？我是否應該有一個流體佈局以及更好的未來解決方案並處理這個問題？

Answer 1

可以使佈局靈活，或建立與@media設置大尺寸顯示器新的自適應佈局查詢

Answer 2

添加背景紋理包裹div來填補空間或者如果你喜歡，在加背景，甚至可以是3000像素+寬，只是簡單地居中，以便它會繼續向外如果屏幕變大，但對於較小的分辨率仍然可以。

通常你也可以有一個負責任的佈局工作過@media查詢等

下面是這幾個例子：

• http://www.maxdesign.com.au/articles/resolution/
• http://www.html5rocks.com/en/mobile/high-dpi/
• http://css-tricks.com/perfect-full-page-background-image/

Answer 3

您可以使用最小寬度的介質q用於定位更大的屏幕。

/* Target 1200px wide and above */ 
@media (min-width: 1200px) { 
    body { 
     color: red; 
    } 
} 

這將改變字體顏色在身上，如果超過1200像素的屏幕是更廣泛的，它不會對屏幕1199px及以下。