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

viewport scaling works on image width but not height

我无法 this simple slideshow 正确调整大小。当我缩小 window 时,图像宽度会压缩,但高度不会压缩,我希望 height/width 比率与视口缩小时保持相同。我知道故障出在我的 CSS 的某处,但我无法找到问题所在。任何帮助表示赞赏。

只需使用height: auto

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