[英]media query not working in mozilla
I have written media query css for both chrome and mozilla.It works fine in chrome.but in mozilla not working 我已经为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;
}
}
}
Try using the @-moz-document url-prefix()
first before the @media
query. 尝试在
@media
查询之前先使用@-moz-document url-prefix()
。
@-moz-document url-prefix() {
@media screen and (min-height:650px) {
/* insert code here*/
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.