Javascript 动态div中的响应图像

首先，我想向您展示我想要创建的内容。 ! 在这里，你必须继续“Galerien”，现在调整浏览器的高度或宽度。您可以看到图像/div自动适合容器

当您只关注宽度时，没有问题，但您必须将宽度和高度结合起来，以确保没有图像溢出容器。我使用javascript，我想创建if条件来防止溢出

这很难解释，但我希望这个例子能说明我的问题

---

非常感谢

看看Bootstrap，它包含一个网格系统，可以很好地响应（智能）：这是一个良好的开端，但我只看到宽度指示图像宽度的方法。我希望容器的高度也会改变图像的大小。在下面的链接中，您可以更改浏览器高度，您会看到图像变小