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

eme*_*his 7 css google-chrome developer-tools google-chrome-devtools

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

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

Chrome开发者工具窗口大小指示器

Nag*_*j . 10

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

  • 这不是我的答案。当很小的时候,我看到20px的差异(HTML标签宽度更大)。当我扩大浏览器的宽度时,我看到了200px的差异。那不是滚动条。对我而言,差异约为10%。。。我发现在其他地方这是由于浏览器缩放设置所致。 (4认同)

小智 9

仅供参考,这些尺寸数字是document.documentElement.clientWidthdocument.documentElement.clientHeight.

罗伯特是对的.确保缩放比率为100%以获得正确的尺寸.

  • ZOOOOOM,对我来说就是这样 (5认同)