自举轮播图片和尺寸

Question

我正在尝试展示响应式轮播。我在幻灯片中有水平和垂直图像（H尺寸：1400 x935。V尺寸：624 x 935）。

该项目中出现问题：https://www.luismatera.art/las-matas-via-muerta-i.html

主要问题是，每次幻灯片从水平变为垂直时，文本都会上下移动。

我有此CSS代码（提供here）：

.carousel-fade .carousel-item, .carousel-item img {max-height: 90vh;}

并在src图像中显示：

class="d-block img-fluid"

但是它不能正常工作

有人可以帮助我将文本始终保持在同一位置吗？ （如this）

谢谢。

Answer 1

图像的高度各不相同，因此请尝试添加min-height，以便在更改图像时保持一定的一致性：

.carousel-fade .carousel-item, .carousel-item img {
   max-height: 90vh;
   min-height: 90vh;
}