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

时间:2013-08-09 18:08:35

标签: javascript

我的浏览器(FF& Chrome)最大化了。 document.body.clientHeight正在报告128.这似乎太小了。可视区域至少为960像素,我用屏幕尺测量它。我没有使用iFrame。 document.body标记body不是可见区域吗?我错过了什么?

2 个答案:

答案 0 :(得分:3)

如果你检查Firebug中的body元素,你会发现它只会扩展到其内容的高度。这可能比视口的高度更多或更少,具体取决于内容的数量和尺寸。

尝试document.documentElement.clientWidthdocument.documentElement.clientHeight

请参阅jsFiddle

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

答案 1 :(得分:0)

您的身体标签是否会扩展以填充窗口?如果没有足够的内容强制它与浏览器的高度一样高,那么您可能会获得比预期更小的值。尝试将鼠标悬停在Firebug / Chrome工具中的正文标记上,它应该突出显示它占用的空间量。

或者,你可以看到offsetHeight是否会返回不同的结果。