Css 图像大小与窗口宽度，但保持比例

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

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

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

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

试试背景尺寸：

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

---

请添加一个JSFIDLE示例有没有一种方法可以不用背景图像，而是在标记中完成？