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

Question

我想在调整特定宽度的窗口后调整背景图像，就像这个主要的img {{3}}一样。

Answer 1

您可以使用 construction site example 在 developer tools 中找到这些内容：

您可以将background-size设置为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;
}