на окне изменить размер изменить div высота в хром

Question

.content-block класс содержание динамический текст, поэтому высота отличается от каждого блока div. Использование javascript max height of div find применяется к другому div, поэтому браузер изменит размер всех div одинаковой высоты. Ниже псевдокода, работающего в большинстве браузеров, но в хроме, размер браузера менее 320x480 не будет работать.

<script type="text/javascript"> 
function getMaxHeight(){ 
    return maxHeight = Math.max.apply(null, $(".content-block").map(function(){ 
     return $(this).height(); 
    }).get()); 
} 

$(window).resize(function(){ 
    $('.content-block').css('height', 'auto'); 
    $('.content-block').css('height', getMaxHeight); 
}); 

$('.content-block').css('height', getMaxHeight); 
</script> 
<style> 
.content-block{ 
    height: auto; 
    display: block; 
} 

Answer 1

Если вы можете использовать css flexbox для этой цели, использование JavaScript может привести к проблемам масштабирования. Здесь CSS-Tricks Reference