javascript - 为什么内容的大小调整在 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;

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