CSS没有响应

Question

我想使我的背景图像具有响应性

.page {
     background-image: url("AA/NW.png");
     background-repeat: no-repeat;
     height: 650px;
     width: 1228px;
     position: relative;
    }

这会解决吗

    .page {
     background-image: url("AA/NW.png");
     background-repeat: no-repeat;
     height: auto;
     width: 100%;
     position: relative;
    }

Answer 1

您可以使用background-size属性。第一个值设置宽度，第二个值设置高度。

如果您希望它全屏显示，可以像这样使用它：

background-size: 100vw 100vh;