我已经广泛搜索了一个答案，找不到了。 我的页面在我的主要内容区域包含许多不同高度/宽度的并排图像。我需要高度相等，而且我不关心是否要缩小一幅图像即可，只要它们能填充内容区域的宽度即可。
到目前为止，我一直在调整CSS中的宽度百分比，直到两张照片的高度相同，并填充主要内容区域的96％宽度。我首先定义每个。所以我从一对开始，分别是48％和48％。如果左边的图像比另一个高，我将其调整为44％和52％，依此类推，直到高度均匀为止，但两个图像合起来占96％。我无法做到50％50％，因为这会使它们彼此堆叠（盒子阴影）。
我这样做的方式是，图像具有响应性，并且效果都很好，但这有点耗时。有什么可以自动做到的吗？