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

Question

我试图找出我的 Chrome 浏览器中的视口大小。所以，我去一个特定的页面，例如 stackoverflow.com 并打开控制台并输入：

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

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

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

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

我拍了两张截图（使用 Firefox 也一样）：

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

Answer 1

结果以 CSS 像素为单位。从截图来看，你有不同的页面缩放设置，这意味着视口的高度和宽度是不同数量的 CSS 像素。

请注意，两个页面的纵横比是相同的 3.16:1。