html - 媒体查询中的 Firefox 仅 CSS

Question

我正在尝试编写一些只能在 firefox 中工作的 css，它在媒体查询中，因此它只能在 767px 之后工作。以下是我目前编写的内容，但它不起作用。

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

它在没有“@media only”部分的情况下工作得很好，但我只希望它在 767px 之后工作。这可能吗？

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

Answer 1

不要使用最小分辨率。使用

min-width:如果需要在大于767px的设备上应用CSS，使用

max-width:如果您需要将 CSS 应用于尺寸小于 767px 的设备 - 适用于手机

示例:

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

希望这对您有所帮助!