Visual Studio媒体查询无法按预期工作

Question

我一直致力于一个使网站响应的项目​​。但是有一个大问题。 @media标记无法正常工作。

@media screen and (max-width: 873px){/* lots of css in here */}

和其他媒体查询

@media screen and (min-width: 874px){/* lots of css in here */}

正如您在上面的img中所看到的，媒体查询以像素显示。到目前为止，它按预期工作。

当像素低于873像素时，查询应该激活。

正如您在上图所示，像素低于873，但未调整样式规则。当我们输入控制台时：

$(document).width()  ( with the pixels on 873px)( window instead of document does the same)

我们得到1141。

当像素被放置在656上时，873以上的样式规则仍然有效。 但是当我们将1像素减少到655时，873以下的样式规则是活动的。

当我们输入控制台$（document）.width（）时，我们得到925。

我不确定导致此问题的原因是因为其他未在Visual Studio中构建的网站没有此问题（并且像素与$(document).width()匹配）。

有谁知道问题是什么以及如何解决？