javascript - 如何获得一致的 javascript window.outerHeight 跨浏览器？

Question

也许这是一个菜鸟问题，但是......

我有一个网站，我希望页脚始终出现在同一位置。假设我的用户都使用 >= IE8、Chrome 和 Firefox，我认为这只是获取 Window.outerHeight 的问题。

但是当我测量 window.outerHeight 时，它在 FF、Chrome、IE 中返回不同的值。

另外，仅进行一些基本的视觉测量，很明显，500px DIV 在 Chrome 显示器上的高度与 FF 和 IE 中的高度不同。

SO:是否有一些“公式”可以可靠地用于跨浏览器转换像素大小，以便可以为某个 div 设置适当的“最大高度”，并知道它在 IE 上的显示器中将具有相同的高度、Chrome 和 FF？

再说一遍...我并不真正关心真正的“通用”。我 99% 的用户都会使用这 3 个浏览器，因此如果我能满足这些要求，我会非常高兴。

TIA，

---JC

Answer 1

对于 IE8，您可以使用 document.body.offsetHeight。

但我建议仅使用 CSS:

<div id="footer" style="position: fixed; bottom: 0;"></div>

(示例:http://jsfiddle.net/5h8zj/)