Javascript 如何在按特定宽度调整窗口大小后使背景图像响应？

我想在按特定宽度调整窗口大小后使背景图像响应，如下图所示。

这是您可以使用在中找到的：

您可以将

背景大小

设置为

封面

.element {
    background-image: url('*');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

其中，

url（）

中的

*

是图像的路径

或者简单地使用速记版本：

.element {
    background: url('*') no-repeat center center/cover;
}

---

这是您可以使用在中找到的内容：

您可以将

背景大小

设置为

封面

.element {
    background-image: url('*');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

其中，

url（）

中的

*

是图像的路径

或者简单地使用速记版本：

.element {
    background: url('*') no-repeat center center/cover;
}

---

你是指徽标图像？你是指徽标图像？不，封面拉伸太快图像，我希望在调整总窗口宽度后，img调整线性，如中，你是否尝试使用浏览器的开发工具检查此网页？请看我上面更新的答案。请始终牢记这一点-使用

封面

，尤其是滑块，如果您希望相应地显示图像，则需要图像具有完全相同的纵横比。对不起，您是对的，我忘了指定我的背景div是固定的，以产生视差效果，因此我需要高度obbligatoryno，封面拉伸过快的图像，我希望在调整窗口宽度后，img调整线性，就像在中一样，您是否尝试使用浏览器的开发工具来检查此网页？请看我上面更新的答案。请始终记住这一点-使用

封面

，尤其是滑块，如果您希望相应地显示图像，则需要图像具有完全相同的纵横比。对不起，您是对的，我忘了指定我的背景div是固定的，以产生视差效果，因此我需要高度obbligatory