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

Question

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

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

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

对不起，如果它不清楚。有任何想法吗？

Answer 1

试用背景尺寸：

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