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

Question

我无法让this simple slideshow正确调整大小。当我缩小窗口时，图像宽度压缩，但高度没有，我希望高度/宽度比保持与视口收缩相同。我知道错误存在于我的CSS中，但我无法追查问题。任何帮助表示赞赏。

Answer 1

只需使用height: auto

即可

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