无法按百分比调整滑块横幅的图像大小

Question

我正在浏览本指南以获取滑块横幅： https://codepen.io/dudleystorey/pen/kFoGw

当我尝试调整图像大小以使其更小和居中时，我只设法调整了宽度。

figure.slider img { width: 50%; height: 50%; margin-left: auto;
margin-right: auto;}

我读了其他答案，说我需要适合身高：100% 和宽度：100% 作为父母，但我找不到在哪里添加它。

Answer 1

我不确定您要实现的目标是什么？你能发布一个简单的图表吗？

通常，使用轮播时，图像将拉伸容器(父(div的100%宽度。

作为一般规则，我不会应用高度样式，因为它可能会变形。图像应按宽度缩放，这将保持图像的正确纵横比。

也许尝试将自定义设置应用于容器：

div#captioned-gallery {
width: 50%;
overflow: hidden;
margin-left: auto;
margin-right: auto;
}