Ich hab\'s rausgefunden, es geht ganz ohne JS-Firlefanz.

Um im CSS mobile Geräte gezielt ansprechen zu können, müsste man normalerweise schreiben können:

@media handheld{
  body{
    color: red;
  }
}

Da sprechen die modernen Smartphones aber nicht drauf an. Vermutlich wollen sie das nicht, denn Bildschirmauflösung und auch die Funktionalität der Browser entsprechen ja weitgehend einem normalen PC.

Aber man kann ins CSS schreiben:

@media only screen and (max-device-width: 480px) {
  body{
    color: red;
  }
}

Das sieht zwar gar nicht nach \"PC-Sprech\" aus, funktioniert aber tatsächlich! (Ich lass das Rot noch eine Weile drin zum Testen, jetzt kann man mal gucken, wo die Seite in rot ausgegeben wird.)

Gefunden hatte ich das übrigens hier:
Optimizing websites for iPhone and Android

Schönen Gruß,
Karsten


PS: Der WebDeveloper im FF erkennt das nicht als eigenständigen Medientyp. Hauptsache, das smarte Phönchen tut\'s!

PPS als Nachtrag: Hier noch ein etwas längerer Artikel zu dem Thema, allerdings vom Januar 2009, und da ist natürlich die Frage, was davon noch gilt:
Return of the Mobile Stylesheet