창의 크기를 변경할 때 div의 크기에 맞게 회전식으로 img의 크기를 조정하는 방법은 무엇입니까?

Question

표준 부트 스트랩 캐로 셀이며 img의 크기를 div 크기에 맞게 변경하려고합니다. 창 크기가 변경 될 때마다 div가 이미지보다 커지고 반응이 느껴지지 않고 깔끔하게 나옵니다. 여기에 내 생각 jQuery를 통해 현재 사업부의 크기를 얻을 img 태그에게 전달했다

<!--wrapper for slides --> 
<!--Item one --> 
<div class="carousel-inner" role="listbox"> 
    <div class="item active"> 
     <img src="../Images/bloodDonation.jpg" alt="Blood Donation" /> 
     <div class="carousel-caption"> 
      <h1>Donate Blood </h1> 
     </div> 
    </div> 

This is what the div looks like when window is resized

회전 목마의 슬라이드 중 하나에 대한 내 HTML 코드의 있도록;의 영원히 반응하지만, 기술에 익숙하지 않으니 도와주세요. 감사.

Answer 1

img의 높이를 100vh으로 알려주세요. 문제가 해결 될 것입니다.