在 IE7、IE8 和 Firefox 上的属性document.body.clientHeight和document.body.clientWidth返回不同的值：
IE 8：
document.body.clientHeight : 704
document.body.clientWidth : 1148
IE 7：
document.body.clientHeight : 704
document.body.clientWidth : 1132
火狐：
document.body.clientHeight : 620
document.body.clientWidth : 1152
为什么会存在这种差异？
是否有任何等效的属性在不使用 jQuery 的情况下在不同浏览器（IE8、IE7、Firefox）之间保持一致？
关于为什么存在差异，Paul A 是正确的，但 Ngm 提供的解决方案是错误的（在 JQuery 的意义上）。
jquery (1.3) 中 clientHeight 和 clientWidth 的等价物是
$(window).width(), $(window).height()
这与浏览器的盒子模型有关。使用 jQuery 或其他 JavaScript 抽象库之类的东西来规范 DOM 模型。
该体元素将可用的宽度，这通常是你的浏览器窗口。因此，由于浏览器的 chrome 边框、滚动条、菜单占用的垂直空间等等，跨浏览器的尺寸将不同......
高度也各不相同的事实也告诉我，您通过 css将body/html高度设置为 100%，因为高度通常取决于body内的元素..
除非您通过 css 或它的 style 属性将body元素的宽度设置为固定值，否则它的尺寸通常会因浏览器/版本而异，甚至可能取决于您为浏览器安装的插件。在这种情况下，常量值更像是规则的一个例外......
当您在其他不采用浏览器视口自动宽度的元素上调用 .clientWidth 时，它将始终返回元素 'width' + 'padding'。因此，宽度为 200 且填充为 20 的 div 将具有 clientWidth = 240（左右填充 20）。
然而，为什么要调用 clientWidth 的主要原因正是由于结果中可能存在的预期差异。如果你知道你会得到一个恒定的宽度并且值是已知的，那么调用 clientWidth 是多余的......
jQuery中offsetHeight和offsetWidth的等价物是$(window).width(), $(window).height()不是clientHeight和clientWidth
Element.clientWidth&Element.clientHeight
返回该元素内容的高度/宽度以及任何适用的填充。
这些的 jQuery 实现是：
$(target).outerWidth()&$(target).outerHeight()
.clientWidth&.clientHeight包含在当前处于工作草案阶段的 CSSOM 视图module规范中。虽然现代浏览器对该规范有一致的实现，但为了确保跨旧版平台的性能一致，仍应使用 jQuery 实现。
附加信息：