正如标题所说，我的背景图片没有响应。我已将“img-responsive”类应用于我的页眉。但是图像不会随着页面缩小。有任何想法吗？
<div class="jumbotron">
<div class="page-header" class="img-responsive">
</div>
</div>
</div>
CSS：
.page-header {
margin-right: 70px;
background-image: url("../img/test.png");
background-repeat:no-repeat;
background-size: contain;
background-position:center;
max-width: 100%;
height: auto;
height: 200px;
width: 700px;
margin-left: 333px;
}
.img-responsive用于imgs，而不是普通元素。固定的高度/宽度.page-header使该元素无法响应。如果您希望该元素具有响应性（然后背景将具有响应性，因为您使用的是响应式background-size），则使用相对单位（%、em、rem、vh、vw 等）.page-header而不是固定 (px) 单位，或使用一些@media查询。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句