이미지는 창 너비로 크기가 조절되지만 비율은 유지됩니다.

Question

안녕하세요. 이미지 슬라이더를 만들고 있습니다. div의 높이로 크기를 조정하려면 이미지가 필요합니다 (창의 크기와 비슷합니다). 지금 이미지에이 CSS가 있습니다 :

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

나는 또한 너비 : 100 %를 시도했습니다. 예를 들어, 창을 수평 적으로 만 만들면 (창 높이가 변경되지 않음) 이미지 자체의 크기가 변경되지 않고 양쪽면이 잘 리게됩니다. 그러나 창을 세로로 늘리면 (창 높이가 작아짐) 높이에 따라 이미지의 크기가 조정됩니다.

불명확 한 경우 죄송합니다. 어떤 아이디어?

Answer 1

시도 배경 크기 :

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