为什么document.documentElement.clientHeight与站点不同？

Question

我想知道Chrome浏览器中的视口大小是多少。所以，我转到特定页面，例如stackoverflow.com并打开控制台并输入：

输出 597 的

document.documentElement.clientHeight document.documentElement.clientWidth输出 1229

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

输出 525 的

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

我想知道为什么会这样？这不应该给我视口吗？或者换句话说，我看到的页面大小（不滚动）？

我拍了两张截图（使用Firefox时也是如此）：

http://prntscr.com/20s6k9 http://prntscr.com/20s6vt

Answer 1

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

请注意，两个页面的宽高比是相同的3.16：1。