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

Question

我有以下媒体查询

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

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

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

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

Answer 1

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

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