Question

我在调整大小时计算窗口高度。在最小化浏览器（Firefox 39.x）窗口时，窗口高度从55增加到83.问题在于firefox 39.x版本对jQuery（窗口）.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不同的任何东西。

Answer 1

试试这段代码：

＆＃13;

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

＆＃13;

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

＆＃13;

当我最小化浏览器时，jQuery（窗口）.height（）正在增加

1 个答案: