javascript - document.body.clientHeight 报告的高度比预期的要小得多

Question

我的浏览器（FF 和 Chrome）已最大化。document.body.clientHeight正在报告 128。这似乎太小了。可视区域至少为 960 像素，我用屏幕尺测量了它。我没有使用 iFrame。标签不是可视区域吗document.body？body我错过了什么？

Answer 1

如果您body在 Firebug 中检查该元素，您会发现它仅扩展至其内容的高度。这可能大于或小于视口的高度，具体取决于内容的数量和尺寸。

尝试document.documentElement.clientWidth和document.documentElement.clientHeight。

请参阅jsFiddle。

另一个有趣的事情是 CSS 中的viewport ( vhand vw) 单位。

Answer 2

您的身体标签是否展开以填满窗口？如果没有足够的内容迫使它与浏览器的高度一样高，您可能会得到比预期小得多的值。尝试将鼠标悬停在 Firebug/Chrome 工具中的 body 标签上，它应该会突出显示它占用的空间量。

或者，您可以查看是否offsetHeight返回不同的结果。