javascript - $(window).height() 给出与 $(document).height() 相同的值

Question

正如我在网络上发现的$(window).height()给出的浏览器视口(viewport)高度的单位像素值，$(document).height() 给出实际文档高度的单位减去像素值

如果文档高度小于窗口高度，则 $(document).height() 将得出窗口高度..

就我而言，我有一个高度为 36px 的文档..

当我检查 $(window).height() 时，$(document).height() 给出的结果与 36 相同..

有人可以解释一下我的浏览器出了什么问题吗？

Answer 1

您的浏览器没有任何问题。

该文档可能比您可以看到的窗口大(可以容纳在显示器范围内的实际内容)。

如果您的显示器分辨率为 1024 x 768，但实际文档尺寸较高，例如 4000px，则 $(window).height() 的输出值为 768px，而 $(document).height () 将是 4000px，尽管事实上在每个时刻你只能看到 768px(事实上，你会看到更少，因为你需要考虑到浏览器占用空间)

您最大的元素高度为 36 像素，因此窗口和文档都会缩放到该大小，尽管您可能会看到下面有大量空白。