html - 隐藏 css @ min-width: 480px

Question

在我的个人网站Nineballstudio 上，我遇到了主要标题文本的问题min-width: 480px。我发现这是因为我用来为 this 设置淡入动画的 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) { … }