[英]print media query not working on iOS(chrome, safari, mozilla)
[英]media query not working in 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-document url-prefix()
。
@-moz-document url-prefix() {
@media screen and (min-height:650px) {
/* insert code here*/
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.