当我最小化浏览器时 jQuery(window).height() 正在增加答案

【问题标题】：jQuery(window).height() is increasing when i minimize the browser当我最小化浏览器时 jQuery(window).height() 正在增加
【发布时间】：2015-08-11 14:48:49
【问题描述】：

我正在计算调整大小时的窗口高度。在最小化浏览器（Firefox 39.x）窗口时，窗口高度从 55 增加到 83。问题出在 firefox 39.x 版本，它对 jQuery(window).height() 有奇怪的行为，并且可以在 chrome 中找到.我的代码如下。

<html>
    <script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

    <body>
        <h2>Test</h2>
        <div id="divTest"></div>
    </body>

    <script type="text/javascript">
        jQuery(window).resize(function() {
            jQuery("#divTest").html("height:"+jQuery(this).height()+"width:"+jQuery(this).width());
        });

        jQuery("#divTest").html("height:"+jQuery(window).height()+"width:"+jQuery(window).width());
    </script>
</html>

所以我尝试使用 window.innerHeight 和 window.innerWidth 而不是 jQuery 窗口宽度/高度。让我知道我们可以更好地用于跨浏览器的窗口宽度和高度以及 jquery 窗口高度/宽度与 window.innerHeight 和 window.innerWidth 有何不同。

【问题讨论】：

对我来说没什么变化
请提供复制此内容的演示。没有意义。显示的代码完全按照预期执行。极不可能的窗口只有 55px 高？听起来显示的代码与给出该值的代码不同

标签： javascript jquery

【解决方案1】：

试试这段代码：

$(window).on('resize load',function(){
       $("#divTest").html("Height: " + $(this).height() + "px / Width: " + $(this).width() + "px");
    });

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.4.min.js"></script>

<h2>Test</h2>
<div id="divTest"></div>

【讨论】：

请您在回答中添加更多上下文。例如。为什么它有效？它解决了什么问题？等