css - 固定尺寸背景图像

Question

我使用了尺寸为 1120 X 714 像素的背景图像。长宽比应该与它的尺寸成比例，这样图像就不会看起来失真。

将使用背景图像的网页具有 1024 像素的固定宽度。在我的CSS中，我有以下内容：

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

上面的 css 将使背景图像的长度为 100%。根据分辨率或浏览器尺寸，背景图像会失真。

宽度在这里不是问题。

具有固定尺寸背景图像的其他方法是什么？

我应该使用background-size: 1120px 714px;吗？

Answer 1

您根本不需要指定背景大小。下面的代码应该足够了。

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

Answer 2

设置背景尺寸时：第一个值是宽度，第二个值是高度。因此，如果您想让图像的长度为 100%，请编写：

background-size: 100% 714px;

我认为 714px 是图像的高度...