图像随窗口宽度调整大小，但保持比例

Question

您好，我正在制作图像滑块。我需要一个图像来调整其 div 的高度（这几乎是窗口的大小）。现在，图像有这个 css：

.carousel-inner > .item >img {
    height:100%;
  width:auto;
}

我也试过宽度：100%。例如，如果我只使窗口水平变窄（窗口高度不变），则图像本身不应改变大小，而只是将其侧面裁剪掉。但是如果我让窗口垂直变窄（降低窗口高度），图像会根据高度调整大小。

如果不清楚，请见谅。有什么想法吗？

Answer 1

试试背景尺寸：

.carousel-inner > .item {
     background-image: url('../../..');
     background-size: cover;
}