停止響應的背景圖像從某個點減少

Question

我有一個背景圖像，我通過將background-size: 80%;添加到我的CSS代碼作出了響應。當我最小化瀏覽器窗口時，它在某種程度上起作用，問題是：我希望背景圖像在某個點停止減少，就像我網站上的其他元素一樣。但它無限減少。爲了說明我的意思，請在我的網站上查看：http://www.filmfutter.com/forum/ 這是頂部的白色圖像。

目前的CSS代碼看起來像這樣：

background-image: url(../images/blueTemptation/blueTemptationHeader.png); 
background-size: 80%; 
background-repeat: no-repeat; 
background-position: top center; 

Answer 1

你可能會在特定點添加媒體查詢斷點。給定的像素值是近似值。

@media only screen and (max-width: 1140px) { 
    body { 
    background-size: 897px; 
    } 

}