css – @ -moz-document和@media在一起

前端之家收集整理的这篇文章主要介绍了css – @ -moz-document和@media在一起前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
如何组合上面的前缀?这不起作用:
@media screen and (max-width: 991px) and (min-width: 768px) {

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

@ -moz-document url-prefix()里面的@media也无法正常工作.

解决方法

通过首先使用@ -moz文档和内部的@media查询,它对我来说很好用:
@-moz-document url-prefix() {
    @media screen and (max-width: 991px) and (min-width: 768px) {
        .navbar-default .navbar-brand  {margin-left:30%;}
    }
}

演示:JSFiddle

原文链接:https://www.f2er.com/css/242398.html

猜你在找的CSS相关文章