Question

我正在试验一个不一致的结果，试图获取浏览器窗口的height。

要做到这一点，我在文档就绪时使用$(window).height();，我注意到在两种情况之间我得到了不同的值（差异为15px）。结果似乎受到我申请的样式表的影响。删除样式表可以解决问题（或者只删除几行（例如font-size: 2em;，float:left; position:absolute; ......根本不相关的内容）< / p>

我认为样式根本不应与浏览器的窗口大小相关。对于任何情况，它不应该返回完全相同的值吗？

我已阅读the documentation of $.height()，并且对此主题没有任何说明。

我也注意到它在加载时调用会返回正确的尺寸，如下所示：

$(window).on('load', function() {
    var windowHeight = $(window).height();
    console.log(windowHeight);
});

对不起，我无法在jsfiddle重现我的问题。

Answer 1

它可能与滚动条有关。加载完所有内容后，您可能会有一个滚动条，可以将输出减少15px。

Answer 2

$（窗口）.height（）;永远不会改变字体或浮动在CSS中。看起来你正在调整你的javascript控制窗口，导致大小变化。请不要调整控制台大小，然后你将有固定的窗口大小。

$（window）.height（）提供的结果不一致;

2 个答案: