![](/img/trans.png)
[英]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.