用CSS引导背景图像

Question

在bootstrap中，我可以使用class = img-responsive来确保我的图像完全显示而不会被裁剪掉。我如何在我的CSS样式表中实现这个“class = img-responsive”，以便我的背景图像能够完整显示？

这是我的HTML文件

<header class="bgimage">
  <div class="container">
    <h1>Headline</h1>  
  </div>
</header>  

这是我的CSS样式表。

.bgimage {
  background-image: url('../images/tara1.jpg');
  background-position: center center;
  background-size: cover;
  height: 200px;
}

Answer 1

我会尝试以下方法：

.bgimage{
  background-image: url('../images/tara1.jpg');
  background-size:100% 100%;
  background-repeat: no-repeat;
  height: 200px;
}

考虑设置宽度，否则我认为百分比不起作用：）