Css 干扰响应图像的最小高度

我正在构建一个基于引导模板的启动页面。我的代码运行良好，直到我将其输入CMS，此时图像将不再显示。我的解决方案是向站点包装器（包含css中的图像）添加一个最小高度，这部分解决了问题，但创建了另一个。虽然我可以根据指定给最小高度的值看到图像，但图像本身不再有响应。那么，从本质上讲，是否有一种响应友好的方法来设置最小高度，以便图像在所有设备上都能响应地显示？相关代码如下，谢谢

<style type="text/css">

.masthead-nav > li > a {
  color: white;
}
.masthead-nav > li > a:hover,
.masthead-nav > li > a:focus {
  border-bottom-color: white;
}


.site-wrapper {
  background-image: url("http://2.bp.blogspot.com/-vUwP1dwP3Pg/TaevaR3g37I/AAAAAAAAADw/v1oIwQjeMGc/s1600/ASUblack.jpg");
  background-size: cover;
  background-position: center;
  min-height: 930px;
}

@media (min-width: 992px) {
  .masthead, .mastfoot, .cover-container {
    width: 100%;
  }
}
</style>


<div class="site-wrapper">

  <div class="site-wrapper-inner">

    <div class="cover-container">

      <div class="masthead clearfix hidden-xs">
        <div class="inner">
          <h3 class="masthead-brand">Text</h3>
          <ul class="nav masthead-nav">
            <li><a href="#" target="_blank">X</a></li>
            <li><a href="#">Y</a></li>
            <li><a href="#">Z</a></li>
          </ul>
        </div>
      </div>

    </div>

  </div>

</div>

.桅顶导航>li>a{
颜色：白色；
}
.桅顶导航>李>a:悬停，
.报头导航>li>a：聚焦{
边框底色：白色；
}
.网站包装{
背景图像：url（“http://2.bp.blogspot.com/-vUwP1dwP3Pg/TaevaR3g37I/AAAAAAAAADw/v1oIwQjeMGc/s1600/ASUblack.jpg");
背景尺寸：封面；
背景位置：中心；
最小高度：930px；
}
@介质（最小宽度：992px）{
.桅头、.桅脚、.盖箱{
宽度：100%；
}
}
正文

当然可以。你的问题是很多人都有Bootstrap的问题：过于复杂的事情是非常简单的，而且默认情况下Bootstrap已经处理好了

只需保持HTML标记不变，并清除CSS代码中不需要的内容：

body {
    height:100vh;
    background: url("http://2.bp.blogspot.com/-vUwP1dwP3Pg/TaevaR3g37I/AAAAAAAAADw/v1oIwQjeMGc/s1600/ASUblack.jpg") no-repeat 50%;
    background-size: cover;
}
.masthead-nav > li > a {
    color: white;
}
.masthead-nav > li > a:hover, .masthead-nav > li > a:focus {
    border-bottom-color: white;
}

我不知道你是否需要那些

maisthead-nav

属性，所以添加它们只是为了以防万一，但你肯定不需要你拥有的其他东西。为了缩短解释：如果你想为你的身体添加一个背景，你就把它加进去。。。。您的

正文

。简单易懂，见