cssFrage: Element bei mobilen Geräten ausblenden

Beitrag lesen

Hallo,

ich bin gerade dabei ein Design für mobile Endgeräten zu gestalten. Ich habe in dem Design ein Menü welches links ein kleines Icon und rechts daneben einen beschreibenen Text für den jeweiligen Menüpunkt hat. Ich möchte nun, falls das aktuelle Gerät ein Smartphone ist (zB Display-Breite kleiner als 320px), den beschreibenen Text ausblenden lassen.
Also in etwa so:

  
wenn bildschirmbreite kleiner 321px dann:  
#menu li span{  
 display: none  
}  

Da ich nunmal in css keine "wenn-dann"-bedingungen realisieren kann, frage ich mich wie man so etwas tun kann.

Kann mir jemand helfen?

LG