使文字消失并重新开始

Question

在我的导航栏上，我有一个徽标，我希望这个徽标在1080px时消失。目前我正在使用

@media (min-width: 1080px){
    .navlogo a{display: none;}
}

这是有效的，但是在425px我希望徽标重新出现。我该怎么做呢？

Answer 1

您可以将此媒体查询用于显示徽标

@media (max-width: 425px){
    .navlogo a{display: block;}
}

检查fiddle for 600px

检查fiddle for 1080px

请参阅

另见

Answer 2

试试这段代码

@media ( min-width : 425px) {
        .navlogo a{
            opacity: 1;
        }
    }

    @media (min-width : 1080px) {
        .navlogo a{
            opacity: 0;
        }
    }