如何让div像imgs一样响应屏幕大小调整？

要让div像img一样响应屏幕大小调整，可以使用CSS的background-size属性来实现。

首先，将div的背景图像设置为所需的图像，可以使用background-image属性。然后，将background-size属性设置为cover，这样背景图像将自动调整大小以覆盖整个div。

以下是一个示例代码：

<style>
    .responsive-div {
        background-image: url('your-image.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 0;
        padding-top: 50%; /* 设置高度为宽度的50%，可以根据需要调整 */
    }
</style>

<div class="responsive-div"></div>

在上面的示例中，.responsive-div类被应用于div元素，并设置了背景图像、背景大小、宽度和高度。通过设置padding-top属性为宽度的百分比，可以确保div的高度与宽度成比例。

这样，当屏幕大小发生变化时，div的背景图像将自动调整大小以适应屏幕。