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

Question

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

标签： cssviewportscaling

Answer 1

只需使用height: auto

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