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

Question

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

Answer 1

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

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

参见 jsFiddle .

另一个有趣的事情是 viewport (vh and vw) units in CSS .