媒体查询在Mozilla

Question

我已经写了媒体查询的CSS两个镀铬不灵mozilla.It工作正常chrome.but在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; 
} 
} 
} 

Answer 1

尝试@media查询之前使用@-moz-document url-prefix()第一。

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