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

How to detect the visual height of a user's browser?

本文关键字：浏览器 视觉 高度 用户 何检测 检测      更新时间：2023-09-26

我想根据用户监视器可见部分的高度动态地设置包装器div的最小高度。如何检测到这种情况?然后我可以使用这些信息并做如下操作:

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

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

我想你可以用jQuery来做，但我还是用常规的JavaScript，因为在这个例子中，它即使不是更干净，也一样干净。

编辑:

另一个注意事项，有两个jquery函数:
  • $(window).height()
  • $(window).innerHeight()

我认为这两个都做同样的事情，但都不返回显示器的高度。我将使用本机属性:

  • window.screen.availHeight -获得屏幕高度减去任务栏和其他东西
  • window.screen.height -获得整个屏幕高度

最坏的情况，window.screen.height == window.screen.availHeight.

尝试使用

计算高度
$(window).height();
相关文章：