为什么调整内容的大小在Firefox中不起作用？

Question

守则使每个内容都符合浏览器的大小。它在webkit中完美运行，所以：

为什么这在Firefox中不起作用？

window.onresize = function(event) {
resizeDiv();
};

function resizeDiv() {
vph = $(window).height();
$('#content').css({'min-height': vph + 'px'});
$('#content1').css({'min-height': vph + 'px'});
$('#content2').css({'min-height': vph + 'px'});
$('#content3').css({'min-height': vph + 'px'});
$('#content4').css({'min-height': vph + 'px'});
$('#content5').css({'min-height': vph + 'px'});
$('#content6').css({'min-height': vph + 'px'});
$('#content7').css({'min-height': vph + 'px'});
$('#content8').css({'min-height': vph + 'px'});
$('#content9').css({'min-height': vph + 'px'});
};

Answer 1

如果您对jquery持开放态度，这应该可行：

 $(window).resize(function () {
    resizeDiv();
    });

否则在普通的javascript中：

window.onresize=resizeDiv;

对所有浏览器都应该足够了。