Question

我正在尝试实现类似于下图的内容。

蓝色=轮播幻灯片（作为图片）

绿色=轮播框/视口/容器

红色=可见页面（1440）

我有5张图像，所有图像的分辨率均为（1024x576），并且我希望它们在根据屏幕尺寸放大/缩小时保持其比例。

我现在已经花了几个小时，但我一直无法实现自己想要的。

我不想使用其网站上大多数演示中所示的固定高度，因为当缩小到较小的设备时会出现问题。

我发布此问题的原因是，无论何时我尝试使用固定高度以外的其他任何东西，整个轮播都会崩溃，即使adaptiveHeight：true和/或setGallerySize：false。

如果有帮助的话，我也在使用顺风车。

感谢您的帮助。

Answer 1

也许您可以仅通过CSS调整像此演示这样的图像：

.carousel img {
  display: block;
  height: 200px;
}