html - 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;
    }

标签： htmlcss

Answer 1

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

如果你希望它是全屏的，你可以像这样使用它：

background-size: 100vw 100vh;