Firefox特定媒体查询的小屏幕

Question

在最小化浏览器时，我无法为Firefox创建媒体查询。当屏幕尺寸的最大宽度为767px时，我想应用以下查询。

 @-moz-document url-prefix()  {
  #inner-content {
    padding-top: 0px !important;
  }
}

我已经尝试过了，但是没有用。

@media only screen and (max-width:767px) {
  #header-outer-container {
    height: 50px !important;
  }

  #main-menu {
    top: 50px;
  }

  #inner-content {
    padding-top: 60px !important;
  }

  @-moz-document url-prefix()  {
    #inner-content {
      padding-top: 0px !important;
    }
  }
}

任何帮助将不胜感激。谢谢

Answer 1

以防将来对任何人有帮助，它可以起作用：

@-moz-document url-prefix()  {
  @media only screen and (max-width:767px) {
    #inner-content {
      padding-top: 0px !important;
    }
  }
}