隐藏 css <span> @ 最小宽度：480 像素

Question

在我的个人网站nineballstudio上，我遇到了一个主要标题文本min-width: 480px的问题。我发现这是因为我使用了animate.css效果来动画渐变。

是否有一种方法可以使display:none为span而不影响其他宽度的span ?我还尝试了以下方法:

@media only screen and (min-width: 480px){
    span {
        display: none !important;
    }
}

Answer 1

查看http://www.w3.org/TR/css3-mediaqueries/章节4.1

你可以指定一个特定的屏幕宽度范围来应用样式，例如:

@media screen and (min-width: 400px) and (max-width: 700px) { … }