CSS媒体查询 - 无法在正确的宽度下工作

Question

我已经设置了一个媒体查询测试，就像这样工作：

@media only screen and (min-width: 650px) and (max-width: 700px) {
    #global-wrapper-cp-fefc4ea514a255df2244eaccdabbb262 * {
        background: red !important;
    }
}

然而，CSS从666px到716px有效：

我的浏览器处于100％缩放状态，所以不能这样。我正在使用Chrome扩展程序“浏览器宽度”。

我希望这很简单，会让我脸红。任何人都可以提供任何建议吗？谢谢。

Answer 1

您必须在响应式视图部分内对其进行测试，目前它正在显示17px滚动条。排除此宽度后，您的媒体查询将起作用。