Chrome 开发人员工具标尺和像素栏不一致编辑:解决方案浏览器缩放

Chrome Developer Tools Rulers & Pixel Bar are Inconsistent EDIT: Solution Browser Zoom

如果我在本地主机中加载网站,开发人员模式会在右侧和标尺上显示差异大小。例如。如果我将屏幕拖动到 1200px(旁边的数字),规则将显示 1300px。

所以尺寸不一致。标尺显示正确的大小,因为根据我的媒体查询,这就是网站的行为方式。在尺子上检查尺寸不是很舒服,所以我正在寻找解决方案。

我发现了这个问题,但 100 像素的差异比任何滚动条都大,而且它只发生在我本地托管的页面上: Chrome developer tools window dimensions are inconsistent

PS:我用XAMPP

也许是页面缩放?按 Ctrl + 0。