只有當分辨率超過圖像尺寸時，才調整背景圖像的尺寸

Question

因此，我發現tutorial根據瀏覽器的縱橫比調整了網站的背景圖像。這可以工作，但我只希望它裁剪和調整圖像，如果瀏覽器是在這樣一個高分辨率，它不適合。

它採用

background-size: cover; 

該做的伎倆，但我只希望如果比原來的規模更是改變大小。換句話說：我只希望它能讓背景更大，而不是更小。

任何幫助將不勝感激，謝謝！

Answer 1

你想修復背景大小你可以使用這個。

page{ 
     with:960px; 
     margin-left:auto; 
     margin-right:auto; 
     background:black; 

     } 

Answer 2

如果你知道你的背景圖像的寬度，你可以使用媒體查詢來實現你想要的。

例如，假設你的背景圖像是900px寬：

body { 
    background: url('/img/background.jpg') no-repeat left top; 
} 

@media screen and (min-width: 900px) { 
    body { 
     background-size: cover;  
    } 
} 

這將背景設置尺寸：關於屏幕尺寸900px以上涉及地產，但仍然保留了小屏幕的原始大小。其中

的引用瀏覽器支持的媒體查詢：http://caniuse.com/css-mediaqueries