Chrome媒体查询故障:媒体查询触发太早

我们有一个主要的问题，由于某种原因Chrome是触发响应式媒体查询太早。所以它不是在1000px发射，而是在984px发射。最大宽度/最小宽度包含任何值都没有区别。就好像它的误差在14到24px之间，这取决于只有它能理解的因素。

也没有可能导致这个问题的冲突查询(我们在项目中的"新页面"上尝试过)，甚至取消了主样式表，但问题仍然存在。此外，我们没有做任何奇怪的操作窗口/文档或正文的宽度，边距，缩放/缩放与Javascript或CSS。

我们对此完全感到困惑，并尝试了几天来修复+检查Stackoverflow等，但到目前为止没有任何效果。

下面的代码:

div {
background: orange;
}
@media only screen and (min-width: 1000px) {
div {
width: 100px;
height: 100px;
background: green;
}
}

一些东西的位置和背景:

这个以前工作，但是突然我们遇到了这个错误…
这是发生在Chrome和Brave，但在Edge和Firefox工作良好。我们尝试了其他几台机器和不同版本的Chrome，但问题依然存在。我们只能猜测，可能有什么东西被引入到项目中，导致了这个问题，但我们被难住了。
浏览器缩放正确@ 100%
Meta标签viewport正确设置
尝试了"十进制修复"，如1000.0px -但它不起作用…
开发工具说窗口大小为1000px，但Chrome只在983px左右触发代码
代码在测试文件中工作(与项目中相同的索引/模板)，Chrome处理媒体查询100%正确
工作之前

任何想法?有没有一种方法，我们可以"重置"Chrome的媒体查询，或者我们错过了什么?在StackOverflow中其他类似问题的答案似乎不起作用，这使我们认为这可能是一个单独的问题或新的错误?

任何帮助/见解是非常感谢!:)

也许你的meta标签缺少content属性的值:width=device-width, initial-scale=1?

<meta name="viewport" content="width=device-width, initial-scale=1">

据我所知，chrome需要这些属性和值才能与自定义媒体查询正常工作

编辑

与@user2381937在聊天中讨论并阅读一些外部资源后:https://inspirnathan.com/posts/2-media-query-inspector-chrome/

https://www.sitepoint.com/rwd-scrollbars-is-chrome-better/

我们发现chrome和firefox在呈现页面时考虑滚动条宽度的方式有所不同。而且，前进的道路要么是交换查询断点来解释偏移量，要么是创建特定于浏览器的查询。