Css 媒体查询未在右侧像素上触发

Css 媒体查询未在右侧像素上触发,css,media-queries,Css,Media Queries,我对媒体的提问有一个非常奇怪的问题。我有以下媒体查询 @media only screen and (max-width: 995px) { //bunch of cool code here! } 它似乎在工作,但它是在994px而不是995px触发的。这似乎不是什么大问题,但我编程越多,问题似乎就越大,因为我的导航栏现在干扰了我的徽标,这太不酷了。这是一个轻微的秒,但仍然 我尝试设置996px和997px的媒体查询,但似乎没有帮助。我能做些什么来解决这个问题吗?或者这是一个错误,我将

我对媒体的提问有一个非常奇怪的问题。我有以下媒体查询

@media only screen and (max-width: 995px) {
  //bunch of cool code here!

}
它似乎在工作,但它是在994px而不是995px触发的。这似乎不是什么大问题,但我编程越多,问题似乎就越大,因为我的导航栏现在干扰了我的徽标,这太不酷了。这是一个轻微的秒,但仍然

我尝试设置996px和997px的媒体查询,但似乎没有帮助。我能做些什么来解决这个问题吗?或者这是一个错误,我将不得不做一些主要的编程来绕过它


我还使用safari、firefox和chrome对其进行了测试。

我知道浏览器之间存在漏洞,由于滚动条的原因,这些漏洞将数字偏移了20px。例如,Chrome/Safari不包括滚动条尺寸,而另一个不包括。。你有视口设置吗?你能提供你使用的浏览器吗?您的媒体查询应该在995px而不是994px触发。谷歌浏览器是一个很好的参考,如果你在devtools打开的情况下调整大小,它会在右上角给你一个精确的像素宽度。我已经测试过了。我有一个视口集。这似乎发生在Chrome、Safari和Firefox上/Chrome说这个小小的跳跃发生在995年,你能确认你用边距0重置了html和正文标记吗;填充:0。css???