html - 通过其父div控制多个图像的高度

Question

我正在使用 bootstrap，我有 2 个并排排列的 div。现在我将 2 个外部图像 (120px X 50px) 调用到一个 div 中。如何通过给 bannerStrip 一个高度:百分比值来缩放两个图像？所以基本上我想通过它的包装器控制 2 个图像的高度(同时保持图像 aspect-raito)。

html:

<div class="row" id="bannerStrip">
      <div class="col-xs-8 col-sm-8 col-md-8"><img class="bannerBarInner" src="advert.png"></div>
      <div class="col-xs-4 col-sm-4 col-md-4"><img class="bannerBarInner" src="logo.png"></div>
    </div>

css(我试过的。虽然没有成功):

#bannerStrip{
  height: 75%;
  width: auto;
}
.bannerBarInner{
  height: 100%;
}

Answer 1

尝试使用 img-responsive bootstrap 类。

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