Автоматическое изменение размера изображений в css

Question

Я использую bootstrap на twitter, и я использую карусель. Я хотел изображение, чтобы иметь фиксированную высоту 500px и шириной более 100% позволяет изображение, чтобы всегда заполнить контейнер

.carousel { 
    height: 500px; 
    margin-bottom: 60px; 
} 
/* Since positioning the image, we need to help out the caption */ 
.carousel-caption { 
    z-index: 10; 
} 

.carousel .item { 
    height: 500px; 
    background-color: #777; 
} 
.carousel-inner > .item > img { 
    position: center; 
    top: 0; 
    left: 0; 
    min-width: = 100%; 
    height: 500px; 
} 

Я хочу, чтобы изображение всегда будет больше, чем емкость и всегда быть пропорциональны.

Answer 1

Вы ищете свойство CSS background-size.

сделать изображение растянуть использовать 100% от width во время сохранения коэффициента пропорциональности ...

background-size: 100% auto; 

сделать изображение растянуть использовать 100% от height во время сохранения коэффициента пропорциональности ...

background-size: auto 100%;