Bootstrap - 为CSS背景图像添加图像响应

Question

在Bootstrap中，您可以使用视口设置要调整大小的类：

<img src="..." class="img-responsive">

如何在CSS背景图像中使用Bootstrap？

background: url(../images/MyImage.png) center center no-repeat;

Answer 1

尝试将此行添加到您的css代码中。

background-size: cover;

Answer 2

您可以尝试使用css获取完整背景：

img{
background: url(../images/MyImage.png) o-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}