隱藏css <span> @ min-width：480px

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) { … }