我有一个网站，该站点正在使用JSON对象数组列出数据库中的事件。每个事件都有一堆图像，其中一些图像与其他图像不同。这使得事件在每个行矩阵中的3个事件中不能很好地排列，其中只有主要图像是可见的，但它们的大小不同。我尝试制作最大高度div并将其包裹在图像上，以使其放置空白空间，以使每个事件框保持与其他事件相同的大小，但是当我缩小浏览器中的某个点时，这会破坏我的整个页面，因为所有由于图像太大并覆盖它们，因此在其下方的相对div不会移动。我如何处理不同大小的响应式图像的情况，但要维护它们的所有人都具有相同高度的容器div，其缩放并放大并缩放（而无需水平，理想地，理想地不伸展图像）？
<div style="max-height:265px; min-height: 265px;">
<img class="eventImage img-responsive" src="{{event.image}}" alt="{{event.name}}"/>
</div
不确定这是否会有所帮助，但您可能会发现，这可能会有所帮助！https://www.w3schools.com/howto/howto_js_lightbox.asp发生了不同的样式，因此您可能正在寻找一个。希望这有帮助