媒体查询最大宽度值不会以要求的屏幕大小加载

如何解决媒体查询最大宽度值不会以要求的屏幕大小加载

我现在有多个项目，他们的媒体查询表现得很奇怪。例如：

@media only screen and (max-width: 891px) {
    .lang-selector {
        top: -150px;
    }
}

这只会从 801px 及以下开始加载，尽管我没有在我的 SCSS 中设置了这个媒体查询（它应该从 891px 开始）。

控制台输出：

我在 Windows 10 上工作，在 Firefox、Google Chrome 和 Microsoft Edge 中得到相同的结果。

解决方法

我认为这与您的媒体查询无关。我在代码笔中接受了您的媒体查询并且执行得很好。也许看看可能影响这个类的其他元素和查询。 Example where the text turns red

,

好的，显然，今天我的问题似乎已经解决了。 最合乎逻辑的原因应该是我的浏览器不是 100%，虽然我不确定，因为昨天我检查过。也许重新启动解决了问题...