我有以下媒体查询
@media only screen and (max-width: 800px) {
.class-something {
padding: 30px;
}
}
以上规则不适用于800px宽度的分辨率。如果我将max-width设为830px(高于此值),则会应用它。
我正在使用web developer firefox插件以不同的分辨率检查应用。
为什么在我给出确切的分辨率时它不适用规则?这是我用来测试的插件的问题吗?有没有人以前遇到过这个问题?
答案 0 :(得分:1)
似乎在firefox中工具栏宽度会影响视口宽度。
禁用firefox中的工具栏进行测试,在我的情况下我必须禁用导航和书签,但是当再次启用导航工具栏(键入另一个URL)时,问题不存在,并且窗口的大小按预期工作。 / p>