我正在尝试获取当前浏览器的视窗高度,使用
$(window).on('resize',function() {
console.log("new height is: "+$(window).height());
});
但是我得到的值太低了。当视区的高度约为850px时,我从height()得到的值约为350或400px。出什么事啦?
发布于 2012-05-13 12:32:17
一个可能的原因可能是您正在用firebug/其他东西检查控制台。因此,由于firebug高度问题,您无法获得正确的窗口高度。
您可以尝试如下所示:
在您的文档中使用span/div:
<span id="res"></span>
然后
$(window).on('resize',function() {
$('#res').html("new height is: "+$(window).height());
});
或者,如果你想查看firebug控制台,那么将其从浏览器中分离出来,然后检查结果。
发布于 2014-09-23 01:14:34
我在火狐中也遇到了同样的问题,然后我把<!DOCTYPE HTML>
添加到我的索引中,它就起作用了。
来源:http://viralpatel.net/blogs/jquery-window-height-incorrect/
发布于 2015-12-24 15:19:40
对于那些在上面的解决方案之后仍然有问题的人…
请检查浏览器在您的project.html上的查看比例。
当视图比例调整时,$(window).height()的值与客户区的‘真实’像素不同!(以及其他$(xx).width()...in这种情况)
(浏览器记住了我几天前调整的粗心大意的110%比率...)
https://stackoverflow.com/questions/10569301
复制相似问题