css - 媒体查询适用于错误的屏幕尺寸

Question

我正在尝试使用 CSS 媒体查询使我的设计具有响应性问题是当屏幕尺寸在 992px 和 1199px 之间时我需要具有容器特定宽度但问题是当屏幕尺寸达到 1080 时它会自动应用来自更大屏幕的另一个值

这是显示屏幕实际大小和应用的媒体查询的屏幕截图

在达到 1080px 之前：http: //prntscr.com/on8r04

达到 1080px 后：http: //prntscr.com/on8rd4

这是我正在使用的引导屏幕尺寸https://pastebin.com/YkH6LcUf

@media (min-width:992px) and (max-width:1199px) { /*   medium devices */

    .container {
        width:800px !important;
    }
    .case-study .left-div {
        width:60%;
        left:0;
    }
    .case-study .right-img {
        width:500px;
        right:0;
    }

}

在 992 像素和 1199 像素之间的屏幕尺寸上，容器宽度应为 800 像素，但不是

标签： cssmedia-queriesresponsive

Answer 1

从比率来看1080/1200 = 0.9，我猜测您的浏览器处于错误的缩放模式（即 90%）。

如果是这种情况，请尝试为您的浏览器重置缩放。