Question

我有以下媒体查询

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

以上规则不适用于800px宽度的分辨率。如果我将max-width设为830px（高于此值），则会应用它。

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

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

Answer 1

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

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