视口缩放适用于图像宽度，但不适用于高度

Question

我无法让这个简单的幻灯片正确调整大小。当我缩小窗口时，图像宽度会压缩，但高度不会压缩，我希望高度/宽度比在视口缩小时保持不变。我知道故障出在我的 CSS 中的某个地方，但我无法追踪问题。任何帮助表示赞赏。

Answer 1

只需使用height: auto

.slides img {
height: auto;
/* Rest of you code */
}