부트 스트랩 div의 브라우저 너비에서 높이를 얻는 데 도움이 필요합니다.

Question

부트 스트랩 3으로 HTMl 페이지를 개발 중입니다. 뒤집기 이미지를 표시하기 위해 아래 코드를 사용하고 있습니다. 스마트 폰 화면에서 ID 카드 1의 높이를 창 너비와 동일하게 유지하려고합니다.

<div class="col-md-3 col-sm-6 col-xs-12"> 
    <div class="card" id="card-1"> 
     <div class="front"> 
      <img src="img/p1.jpg" alt="Portfolio Images" class="img-responsive"> 
     </div> 
     <div class="back"> 
      <img src="img/hover.png" alt="Portfolio Images" class="img-responsive"> 
     </div> 
    </div> 
</div> 

어떻게하면됩니까?

Answer 1

이 JSFIDDLE

은 당신이 윈도우의 폭을 얻을 수 있습니다 참조 : $(window).width();이

$(document).ready(function(){ 
    var w = $(window).width(); 
    $('#card-1').height(w); 
}); 

당신은 그 같은 onchange를 또는 무언가를 업데이트 할 수 있습니다. 그러나 나는 그것이 필요하다고 생각하지 않는다.