Html 媒体查询在mozilla中不起作用

我已经为chrome和mozilla编写了媒体查询css。它在chrome中运行良好，但在mozilla中不起作用

@media screen and (min-height:650px)
 {
  #customerspeak .flexslider .slides .customerBackground img {
  height: 100vh; 
 }
 #customerspeak .flex-direction-nav a {
   margin-top: 37%;
 }
 #customerspeak .flex-next {
  left: 62.5% !important;
 }
 #customerspeak .flex-prev {
  left: 34% !important;   
  }  
 @-moz-document url-prefix() {

   #customerspeak .flexslider .slides .customerBackground img {
   height: 100vh; 
  }
  #customerspeak .flex-direction-nav a {
   margin-top: 37%;
  }
  #customerspeak .flex-next {
  left: 62.5% !important;
 }
 #customerspeak .flex-prev {
 left: 34% !important;   
 }   
}
}

尝试在@media查询之前先使用@moz文档url前缀

尝试在@media查询之前先使用@moz文档url前缀

---

@-moz应该在其他媒体查询中吗？@-moz应该在其他媒体查询中吗？是的，您的解决方案我已经尝试过，并且有效：是的，您的解决方案我已经尝试过，并且有效：

@-moz-document url-prefix() {
    @media screen and (min-height:650px) {
       /* insert code here*/
    }
}