Question

我尝试使用以下命令来确定视口高度：

var H1 = document.documentElement.clientHeight,
    H2 = $(window).height();

在所有情况下结果为8。但是视口要大得多（> 500）。

补充：

区别在于

        H  = $(document).height()
        H1 = $(window).height()

使用Firefox浏览器（24.0 / Debian）。 H = 600 H1 = 8 使用Chromium（29.0 / Debian）H = 600 H1 = 600

我不知道为什么。

Answer 1

是否有边距和填充？

尝试H2 = $(window).outerHeight(true)

Answer 2

如果有边距或填充，您应该查看$(window).outerHeight() 更多信息here

Answer 3

请注意，无论CSS box-sizing属性的值如何，.height（）将始终返回内容高度。从jQuery 1.8开始，这可能需要检索CSS高度加上box-sizing属性，然后在元素具有box-sizing：border-box时减去每个元素上的任何潜在边框和填充。为避免这种惩罚，请使用.css（“height”）而不是.height（）。

$（window）.height（）返回奇怪的值

3 个答案: