固定尺寸背景圖像

Question

我用尺寸爲1120 X 714像素的背景圖像。長寬比應該與其尺寸成比例，以使圖像看起來不會失真。

將使用背景圖像的網頁的固定寬度爲1024px。在我的CSS中，我有以下：

body{ 
    background: black url("background.jpg") no-repeat fixed center; 
    background-size: 1120px 100%; 
} 

上面的CSS將使背景圖像的長度100％。根據分辨率或瀏覽器尺寸，背景圖像會變形。

寬度在這裏不是問題。

對於這種具有固定尺寸的背景圖像的其他方法是什麼？

我應該用background-size: 1120px 714px;？

Answer 1

設置背景大小時：第一個值是寬度，第二個值是高度。 所以，如果你想的圖像100％的長度然後寫：

background-size: 100% 714px; 

我相信714px是圖像的高度...

Answer 2

你不必在所有指定背景大小。下面的代碼應該足夠了。

body{ 
    background: black url("background.jpg") no-repeat center center; 
    background-attachment: fixed; 
}