Изменение размера изображения с шириной окна, но сохранить соотношение

Question

Привет Я работаю над слайдером изображения. Мне нужно изображение для изменения размера с его div (что в значительной степени зависит от размера окна). Прямо сейчас, изображение имеет этот css:

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

Я также пробовал ширину: 100%. Например, если я только сделаю окно более горизонтальным (высота окна не изменится), само изображение не должно изменять размер, а просто обрезать его стороны. Но если я сделаю окно более узким вертикально (уменьшите высоту окна), изображение изменит размер в соответствии с высотой.

Извините, если его неясно. Есть идеи?

Answer 1

Try фон-размер:

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