@ -moz-document e @media insieme

Question

Come posso combinare i prefissi sopra? Questo non funziona:

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

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

E @media all'interno di @-moz-document url-prefix() lavoro anche deosn't.

Answer 1

Funziona bene per me usando il @-moz-document in un primo momento e la query @media interna:

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

Demo: JSFiddle

Answer 2

Ogni pseudo-elemento deve essere valido all'interno di una regola, altrimenti l'intero regola è caduto.

Consultare: https://developer.mozilla.org/en-US/docs/Web/CSS/@document e http://www.w3.org/TR/css3-syntax/#rule-sets