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

Question

我正在阅读本指南中的滑块横幅： https://codepen.io/dudleystorey/pen/kFoGw

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

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

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

Answer 1

我不确定你想要达到的目标是什么？你能发一个简单的图表吗？

通常使用旋转木马，图像将伸展100％宽度的容器（父级）div。

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

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

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