Question

我已经根据屏幕的高度进行了媒体查询，但是该代码似乎在Firefox中不起作用。

我尝试了这个，还是没有：

@-moz-document url-prefix() {
  @media screen and ( min-height: 1024px){
    .sticky .order .item-list {
        max-height: 50vh !important;
    }
  }
}

**更新我只使用了@media，它可以工作，但是当我刷新页面时，问题再次出现，并且媒体查询高度不再起作用。

@media screen and ( min-height: 1024px){
        .sticky .order .item-list {
            max-height: 50vh !important;
        }
      }

Answer 1

Firefox中的@-moz-document规则隐藏在about：config首选项后面，您必须首先启用它。

警告：由于某种原因它被隐藏了。显然，这很容易受到攻击。或用MDN的话：

此功能仅限于Nightly和Beta的Firefox 59中的用户和UA表中使用-该实验旨在减轻潜在的CSS注入攻击（错误1035091）。

因此，后果自负！

要更改about：config设置

在位置栏中输入 about：config
如果这是您第一次这样做，则会出现一条消息，警告您危险。单击按钮“我会小心”或“我接受风险”（Mozilla版本之间按钮上的文本有所不同）。
在列表中搜索条目（列表按字母顺序排序），或者在“搜索”框中键入条目的名称。在这种情况下，您只需粘贴 layout.css.moz-document.content.enabled ，然后结果将仅为该条目。
该值设置为 false 。双击该行，将其设置为 true ，即可完成操作。没有“保存”或“应用”按钮。不过，您可能必须在网页上按F5键。

如果您以前从未使用过about：config，则可以在这里阅读有关它的更多信息：
Configuration Editor for Firefox

媒体查询高度在Mozilla中不起作用

1 个答案: