Html 媒体查询中仅Firefox CSS

我正在尝试编写一些只在firefox中工作的css，也就是在媒体查询中，所以它只能在767px之后工作。下面是我目前写的东西，但它不起作用

@media only (min-width: 767px) {
    @-moz-document url-prefix() { 
       .SearchBlock input {
           width:88% !important;
       }
    }
}

它没有“@media only”部分就可以正常工作，但我只希望它在767px之后工作。这可能吗

---

编辑：将分辨率更改为宽度。

将

最小分辨率

更改为

最小宽度

分辨率是指设备的像素密度<代码>宽度指的是您想要的实际宽度

url前缀部分需要有样式规则引用的文档的url，例如

url前缀（“https://example.com/“”

@document CSS at规则限制中包含的样式规则 它基于文档的URL

---

不要使用

最小分辨率

。使用

最小宽度

：如果需要将CSS应用于大于767px的设备，并使用

最大宽度

：如果您需要将CSS应用于大小小于767px的设备-适用于手机

示例：

 @media screen and (min-width: 767px) {
    @-moz-document url-prefix() {
       .SearchBlock input {
           width:88% !important;
       }
    }
 }

---

希望这有帮助

您没有得到结果，因为您正确使用了最小分辨率

您可以执行以下两种操作之一：

将“最小分辨率”更改为“最小宽度”

以最小分辨率输入分辨率值，例如最小分辨率（192dpi）

Px不是分辨率单位。

试试这个。应该有用！：）

.SearchBlock输入{
显示：块；
宽度：30%；
}
@-moz文档url-前缀（）{
@媒体屏幕和屏幕（最小宽度：767px）{
.搜索块输入{
宽度：88%！重要；
}
}
}

仅屏幕和（最小宽度：767px）

而不是不起作用的

最小分辨率。虽然我不敢相信我错过了。我有点困惑。。。在你的问题中，你说你需要它在767px之后工作。我读这篇文章是因为你需要它从767px和更高版本工作。然而，在中，您需要它在“767px以下”工作，我将其理解为767px及以下。@MartinHomola当您提供答案时，他会收到通知。没有必要对此发表评论。@salvine为什么？你能在这里发布完整的代码吗？我完全复制了你的代码，但它不起作用。正如我在文章中所说，没有@media屏幕和（最小宽度：767px），代码工作正常。但我不希望它对所有的决议都起作用。我只需要它在767px的宽度下工作。@salvine，那么就用
max-width
代替
min-width
这是我的荣幸@salvine是的，这是我的错误。但是仍然不起作用。@salvine您不需要为
url-prefix（）
”提供一个值吗？@salvine您给我们的信息中缺少了一些影响这一点的内容。CSS如我所示工作，即使没有url。@salvine执行
@media screen**和**
并查看它是否工作。
url前缀（“https://example.com/“”
不起作用。它必须为空-
url-prefix（）
。