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

Question

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

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

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

对不起，如果不清楚。有什么想法吗？

Answer 1

尝试背景大小：

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