@ -moz-document和@media在一起

时间:2015-07-13 09:01:14

标签: css media-queries

如何组合上述前缀?这不起作用:

@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()也无效。

2 个答案:

答案 0 :(得分:5)

首先使用@-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

答案 1 :(得分:1)

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

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