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

Answer 2

每个伪元素必须在规则中有效，否则整个规则将被删除。

请参阅：https://developer.mozilla.org/en-US/docs/Web/CSS/@document和http://www.w3.org/TR/css3-syntax/#rule-sets

@ -moz-document和@media在一起

2 个答案: