为什么我的弹出窗口中的图像高度不同？ CSS 问题

Question

如果您访问此 link 并查看弹出窗口中的 4 张照片，您会发现它们在向右移动时逐渐变短。 https://jadehomes.ca/floor-plans/?virtual-tour

我弄乱了几个 CSS 属性，包括 display:、height: 和 max-width:，但其中 none 似乎是问题所在。

任何帮助都会很棒！

Answer 1

你需要零钱：

.spu-box img {
    max-width: 100%;
    height: 100vh;
}

或

.spu-box img {
    max-width: 100%;
    height:400px;
}

Answer 2

试试这个。

.spu-box img {
width: 100%;
height: 100%;
object-fit: cover;
}