固定尺寸背景图像

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; 
}