首页 > 解决方案 > 媒体查询最大宽度值不会以要求的屏幕尺寸加载

问题描述

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

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

这只从 801px 和更少开始加载,虽然我的 SCSS 中没有设置这个媒体查询(它应该从 891px 开始)。

控制台输出:

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

标签: cssmedia-queriesresponsiveness

解决方案


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


推荐阅读