@ -moz-document和@media在一起

Question

如何组合上面的前缀？这不起作用:

@media screen and (max-width: 991px) and (min-width: 768px) {

    @-moz-document url-prefix()   { 
    .navbar-default .navbar-brand  {margin-left:30%;}
    }
}

而且@media内心@-moz-document url-prefix()也没有工作.

Answer 1

通过@-moz-document首先使用@media内部和查询,它对我来说很好用:

@-moz-document url-prefix() {
    @media screen and (max-width: 991px) and (min-width: 768px) {
        .navbar-default .navbar-brand  {margin-left:30%;}
    }
}

演示:JSFiddle