동적으로 div 크기를 조정하는 jQuery

Question

트위터 부트 스트랩 v2.3이 CSS 라이브러리에있는 미디어 축소판을 사용하고 있습니다. 여기 당신이 볼 수 일하고 있어요 무엇 : http://beanstalkwebsolutions.com/portfolio-overview 여기

는 내가 jQuery를 사용하고있다 : 각 썸네일이 서로 다른 높이를했고 나는 그들을 원하기 때문에

는 기본적으로

<script> 
$(window).load(function() { 
    var maxHeight = 0; 
    var divs = jQuery(".thumbnail"); 
    jQuery.each(divs, function() { 
     var height = jQuery(this).height(); 
     if (maxHeight < height) maxHeight = height; 

    }); 
    divs.css('min-height', maxHeight + 'px'); 
}); 
$(window).resize(function() { 
    var maxHeight = 0; 
    var divs = jQuery(".thumbnail"); 
    jQuery.each(divs, function() { 
     var height = jQuery(this).height(); 
     if (maxHeight < height) maxHeight = height; 

    }); 
    divs.css('min-height', maxHeight + 'px'); 
}); 
</script> 

내 목표는 모두 동일했다 이 스크립트는로드시 CSS에서 동일한 최소 높이를 제공하며 가장 큰 썸네일이있는 화면을 기준으로 화면의 크기가 조정될 때마다 제공됩니다.

나는 그 모든 작업을했지만, 지금은 알 수없는 문제는 화면을 더 크고 더 큰 크기로 드래그하고 분당 높이가 매우 커지면, 높이가 너무 작아서 divs가 너무 크게 보입니다. 누구든지 나를 위해 코드 제안을 가지고 있으므로 div는 모두 같은 높이를 갖지만 너무 커지지는 않습니까?

그리고 당신은 분 높이보다는 높이 CSS 속성을 설정하면 텍스트 단락이 div의 외부 확장 결국 때문에,이 솔루션은 내 원래의 목표를 위해 작동하지 않습니다.

창에서

Answer 1

는 다음과 같이, 다시 된 div의 최소 높이를 설정할 수 있습니다 크기를 조정 -

$(window).resize(function() { 
    if($(window).height() < 300){ 
    $("div").css({min-height: 300px}); 
} else { 
    $("div").css({min-height: 600px}); 
} 
});