將「max-width」設置爲較大設備的背景圖片

我已將背景圖片設置爲div，但我不希望它的寬度超過1600px。例如，如果它顯示在寬度大於1600像素的設備上，我不希望背景圖像覆蓋整個寬度。有沒有辦法實現這一目標？將「max-width」設置爲較大設備的背景圖片

這是我目前擁有的。無論設備有多寬，圖像都覆蓋整個寬度。我需要它停在1600px的寬度。

div { 
    background: url("img/bg.jpg") no-repeat center top #067AB4; 
    background-size: cover; 
}

來源

2014-09-04 J82

你可以在這裏閱讀：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries 請注意IE8：http://caniuse.com/#feat=css-mediaqueries – Kristiyan 2014-09-04 11:53:17

使用下面的代碼在你的CSS文件：

@media (min-width: 1600px) { 
    div { 
    background: url("img/bg.jpg") no-repeat center top #067AB4; 
    background-size: 1600px 100%; 
    } 
}

來源

2014-09-04 14:45:22 EnKaa89

將「max-width」設置爲較大設備的背景圖片

回答

相關問題