如何使2个图像（相同高度不同宽度）按比例缩小

Question

我有以下设计

如何保持这两个图像并排，当浏览器缩小时，两者应按比例缩小，保持比例和高度。无法正确使用引导列，并且显示内联块也不适用于我。这真让我抓狂。有人能帮助我吗？

Answer 1

根据比例给每个width。

img {
  padding: 1%;
  width: 64.3%;
}
img + img {
  width: 31.5%
}

<img src="http://lorempixel.com/940/400" /><img src="http://lorempixel.com/460/400" />

Answer 2

https://jsfiddle.net/2028L68u/1/

CSS -

    img{
  display:inline-block;
}
#img1{
  width:67%;
  float:left;
}

#img2{
  width:33%;
  float:left;
}

HTML -

<img id="img1" src="http://www.sixdegreesdigitalmedia.com/wp-content/uploads/2016/06/Google-Tools-part-two-940x400.jpg" />
<img id=img2 src="http://kitengelaterraces.com/wp-content/uploads/2015/09/Slider-460x400.jpg"/>