Javascript 使图像具有相同的高度并定义共享的总宽度

我在这里绞尽脑汁，试图弄清楚如何使两个完全不同大小的图像共享相同的高度，并且总宽度为900px，其中900px可能会发生变化

假设我有一个900px

.container

和两个随机大小的图像：

<main class="container">
  <div class="gallery">
    <img src="http://placehold.it/400x300" />
    <img src="http://placehold.it/500x200" />
</main>

我已经建立了一个新的组织

我如何强制这些图像在900px

容器中齐平，同时保持它们的纵横比，同时共享相同的高度

在此方面的任何帮助都将不胜感激。提前谢谢
 只需创建一个类，并根据您想要的宽度和高度设置样式即可。然后将类添加到图像和Eureka<代码>

然后在css中定义它：

。调整大小{
高度：XXXpx；
宽度：xxpx；
}

如果这不起作用，则始终可以强制内联样式标记：

---

希望有帮助

我不想硬编码CSS中的任何值，我希望它能够动态工作。使用一些JS，也许。。。