我有一个站点，它使用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
答案 0 :(得分：0)
不确定这是否会有所帮助，但可能是您可以调查的一些内容，它可能有所帮助！ https://www.w3schools.com/howto/howto_js_lightbox.asp有不同的造型，所以可能是你正在寻找的造型。希望这有帮助