Javascript 使DIV中的背景图像具有响应性

我希望我的背景图像在div内变得灵敏。它在滚动时具有视差效果。我已经尝试在

媒体查询中自定义背景，但不希望它只调整高度，在移动设备宽度中不包含整个页面。有人能给我一个解决这个问题的线索吗？我是html和css的新手

div的html代码：

<div class="parallax"></div>

您应该使用属性：
背景大小：100%自动

如果“宽度”属性设置为100%，则图像将响应并上下缩放

有关更多信息，请参阅此链接：

.parallax { 
    height: 502px;
    background-image: url(../img/back2.png);
    background-attachment: fixed;
    background-position: -70px 80px;
    background-repeat: no-repeat;
    background-size: cover;
}

@media screen and (min-width: 270px) and (max-width: 320px){ 
.parallax { 
    max-height: 300px;
    background-image: url(../img/back2.png);
    background-attachment: fixed;
    background-position: -70px 40px;
    background-repeat: no-repeat;
    background-size: cover;
}
}