如何检测用户浏览器的视觉高度？

Question

我想根据用户监视器可见部分的高度动态设置包装器div的最小高度。怎么能被发现？然后，我可以获取此信息并执行以下操作：

$('div.wrapper').css('min-height', 'MAGIC_AMOUNT_HEREpx');

Answer 1

首先，有window.screen个对象。有关详细信息，请参阅this。如果您只是在浏览器窗口中查找可见区域的大小，请尝试window.innerHeight。

我认为你可以使用jQuery，但我只是使用常规JavaScript，因为在这种情况下，它就像干净一样清洁。

编辑：

另外注意，有两个jquery函数：

• $(window).height()
• $(window).innerHeight()

我认为这些都做同样的事情，但都没有返回显示器的高度。我会改用原生属性：

• window.screen.availHeight - 获取屏幕高度减去任务栏和其他内容
• window.screen.height - 获取整个屏幕高度

最糟糕的情况，window.screen.height === window.screen.availHeight。

Answer 2

尝试使用

计算身高

$(window).height();