Javascript 为什么document.documentElement.clientHeight因站点而异？

我试图在Chrome浏览器中找出我的视口大小。因此，我转到特定页面，例如stackoverflow.com，打开控制台并键入：

document.documentElement.clientHeight

输出597

document.documentElement.clientWidth，输出1229

然后我访问另一个页面，例如google.com。使用相同的浏览器（我只打开一个新选项卡）：

document.documentElement.clientHeight
输出525
document.documentElement.clientWidth
输出1093

我想知道为什么会发生这种情况？这不是应该给我一个视口吗？或者换句话说，我看到的页面大小（不滚动）

我拍摄了两个屏幕截图（使用Firefox时情况相同）：


结果以CSS像素为单位。根据屏幕截图判断，页面的缩放设置不同，这意味着视口的高度和宽度是不同数量的CSS像素

请注意，两个页面的纵横比都是相同的3.16:1。
无法再现此情况。当我使用
document.documentElement.clientWidth
@TravisJ时，我在几个网站上得到了1007，我使用的是Chrome和Ubuntu 12.04。几乎每个页面的值都不同：SI在单独的窗口中打开了google chromes控制台。它在高度和宽度方面给了我相同的结果。我希望这会有帮助。另外，我在MAC中使用Chrome。你的电脑没有使用Chrome。根据您的屏幕截图，您正在使用Mozilla Firefox。在Mac中，即使使用Mozilla Firefox，一切都正常工作。明天我可以在工作时查看我的ubuntu电脑。@TravisJ我添加了两个屏幕截图。这与页面正文的边距/填充有关吗？我没有更改缩放。这是网页本身可以做到的吗？我不知道，但缩放是特定于站点的，可以在浏览器会话之间保留。CTRL-0将重置任何页面上的缩放。哇。可能就是这样@霍默史密斯：是的，你可以：el.style.zoom=1.5；el.style.MozTransform='比例（1.5）'；el.style.WebKittTransform='比例（1.5）'；这已得到证实@霍默史密斯：看起来你可能是无意中按了Ctrl+滚动键或者放大了。如果运行该命令，然后放大，然后再次运行，您会注意到，随着放大，像素数会下降。