响应式页面中的浏览器兼

时间:2013-11-06 17:37:24

标签: javascript jquery css twitter-bootstrap

.content-block包含动态文字。在浏览器上调整高度.content-block的高度计算并应用于页面上的其他.content-block。以下伪代码在大多数浏览器中工作,但在Chrome浏览器大小小于320x480时,它无法工作,内容与其他块重叠。

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);

0 个答案:

没有答案