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

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