图像网格具有相同高度的图像，但每行的宽度不同

Question

我已经在整个网络和整个stackoverflow中搜索以解决以下问题，虽然有很多关于这个主题的帖子和反馈，我找不到任何与我尝试的内容有关的内容。实现。

我想创建一个图像网格/图库，它是流畅的，100％浏览器宽度，响应式图像全部调整大小。每一行图像＆＃39;具有特定高度，并且该给定行内的所有图像也具有完全相同的高度，但使用不同的宽度。

此图片更能说明我想要实现的目标 -

http://development.revolutionworx.com/image/1.png

我得到的问题是无论我尝试哪种解决方案，无论如何都无法让图像达到相同的高度。我会发布我的代码，但在这个阶段，我已经尝试了几十个和几十个html和css组合，没有一个工作。

一方面，我被认为不可能实现我正在寻找使用css的东西，但是这个网站看起来并排有相同高度的图像，它们同时调整大小 - http ; // www.esquire.co.uk

当我尝试使用masonry.js时，我也遇到了同样的问题。图像高度根据图像的宽度而变化，并且在其容器内缩小得太小或者从容器中扩展出来，并排出不相等的高度盒。任何指针或建议将不胜感激。