css - CSS 媒体查询：未应用最大宽度规则

Question

我有以下媒体查询

@media only screen and (max-width: 800px) {
  .class-something {
    padding: 30px;
  }
}

上述规则不适用于分辨率 800px 宽度。如果我将最大宽度设为 830 像素（高于此值），它将被应用。

我正在使用web 开发人员firefox 插件来检查不同分辨率的应用程序。

当我给出确切的分辨率时，为什么它不应用规则？我用来测试的插件有问题吗？有没有人遇到过这个问题？

Answer 1

似乎在Firefox中，工具栏宽度会影响视口宽度。

在 Firefox 中禁用工具栏进行测试，在我的情况下，我不得不禁用导航和书签，但是当再次启用导航工具栏（键入另一个 url）时，问题不存在并且调整窗口大小按预期工作。