引导轮播图像和大小

Question

我正在尝试展示一个响应式轮播。我在幻灯片中有水平和垂直图像（H 尺寸：1400 x 935。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;
}