Question

我写了一个jQuery脚本，它检查浏览器的高度并与内容面板的高度进行比较。如果面板比窗口高度大，则脚本会使所有内容变小。

它适用于Chrome和Safari。在Firefox上，它根本不工作。任何人都可以详细告诉我导致问题的原因吗？

链接到该网站： http://design.maxxcoon.com/bestlife/webinar_chat/

Answer 1

$(document).ready(function () {
    setTimeout(function () {
        $(window).bind('resize', reSize($('#blocker')));
        $(window).trigger('resize');
        var windowSize = $(window).height();
        var containerHeight = $('.newcontainer').height() + 50;
        var containerWidth = $('.newcontainer').width();
        var pixelToMuch = 0;
        var divFactor = 0;
        var newWidth = 0;
        if (containerHeight > windowSize) {
            pixelToMuch = containerHeight - windowSize;
            divFactor = pixelToMuch * 1.67;
            newWidth = containerWidth - divFactor;
            $('.newcontainer').css('width', newWidth + 'px');
        }
    }, 100);
    setTimout(function () {
        $('#chatfenster').css('height', $('.newcontainer').height() - 260 + 'px');
        $('#userlist').css('height', $('.newcontainer').height() - 350 + 'px');
    }, 150);
});

FF和Chrome的不同观点 - 无法找到原因（也许是FF bug？）

1 个答案: