javascript - 在窗口调整大小更改 chrome 中的 div 高度

Question

.content-block类内容动态文本，因此每个 div 块的高度不同。使用 javascript max height of div find 适用于其他 div，因此浏览器调整所有 div 的高度将相同。下面的伪代码在大多数浏览器中工作，但在 chrome 中，浏览器调整大小小于 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 技巧参考