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

问题描述

如果您访问此链接并查看弹出窗口中的 4 张照片，您会发现它们随着正确而逐渐变短。 https://jadehomes.ca/floor-plans/?virtual-tour

我弄乱了几个 CSS 属性，包括 display:、height: 和 max-width:，但它们似乎都不是问题。

任何帮助都会很棒！

解决方法

你需要改变：

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

或

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

,

试试这个。

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