Question

我有这样的事情：

<div class="panel">
  <div class="panel-body">
   <div class="image-overlay">
    <img class="img-responsive"> src="..."/>
   </div>
  </div>
</div>

如果我手动设置＆＃34; panel-body＆＃34;到400px。它应该工作。然而，一旦打开小显示屏高度保持400px但图像调整为较小，一半面板是空的。如何在面板中提供响应式图像以及面板响应？

Answer 1

你可以尝试不放任何尺寸吗？试着检查这个

Answer 2

我不确定我理解你的问题，但我认为你可能正在寻找这个：

<img src="/mysrc.jpg" style="width:100%;max-height:400px;" />