Chrome开发者工具窗口尺寸不一致

Question

当您打开Chrome开发者工具并调整窗口大小时，右上角会出现一个小白框，告诉您调整窗口大小时的大小。我在下面的截图中用一个绿色的大箭头标记了它。

这是一个非常有用的工具，但我注意到这些值经常出乎意料并且与其他元素的宽度不一致。例如，当我在下面截取屏幕截图时，Chrome表示窗口宽度为419像素。但是，如果我点击宽度应为100％的html元素，则Chrome会告诉我其宽度为404px。这对我来说很困惑。他们为什么不同？这是Chrome中的错误吗？

Answer 1

这包括垂直滚动条的宽度。 尝试删除滚动条，然后检查。它会完全匹配。

Answer 2

仅供参考，这些维度数字为document.documentElement.clientWidth和document.documentElement.clientHeight。

Robert是正确的。确保缩放比率为100％以获得正确的尺寸。