$ window.innerHeight在chrome和firefox中返回不同的值

Question

我希望使用$window.innerHeight或document.documentElement.clientHeight确定视口高度，但事实证明Firefox和Chrome返回的值不同（几个像素）。

任何人都已经遇到过这个问题？

Answer 1

正文的高度由浏览器窗口内的可用高度决定。

不同的浏览器具有不同的图形界面，不同的工具栏高度，工具栏数量等。所有这些元素都会影响实际HTML内容的可用高度。

在各种浏览器中尝试以下内容（全尺寸）

console.log(document.documentElement.clientHeight)

Answer 2

你获得的高度更有可能因为firefox和chrome的设计相差几个像素。我可以根据需要调整浏览器的大小。监视和解决也决定了这一点。如果您正确设计UI，这并不是一个问题，这意味着在CSS中使用媒体查询并创建响应式设计而不是固定值。