CSS für Desktop/Smartphone

[kisho]

Hallo,
wie kann ich eine HTML Seite mittles CSS sowohl für Smartphones als auch für "normale" Browser (Desktop) anpassen. Wie steuere ich die Auswahl des CSS? Wo finde ich Beispiele für Desktop/Smartphone CSS. Kennt jemand ein gutes Tutorial?
Kisho

[AmicaNoctis]

Hallo,

theoretisch sollten Smartphones bevorzugt Stylesheets mit media „handheld“ anfordern. Leider tun sie das nicht, sondern interessieren sich nur für „screen“. CSS-seitig hat man also praktisch keine Möglichkeit, Smartphones von PCs zu unterscheiden.

Bleiben noch JavaScript und PHP. JS kann ausgeschaltet oder nicht unterstützt sein, also ist PHP die imho einzige sinnvolle Lösung. Dafür gibt's schon massig Codeschnipsel als Starthilfe, z. B. 1, 2, …

Gruß,

Amica

[wahsaga]

Stichwort: Media Queries

[kisho]

Beispiele für unterschiedliche CSS

Hallo,
zunächst danke für die Tipps. Jetzt habe ich zumindest eine Ahnung, wie ich ein Smartphone erkennen kann. Hat jemand noch ein Beispiel für unterschiedliche CSS. Also ein CSS für Smartphone, eins für Desktop und eine dazu passende HTML?
kisho

[TobiaZ]

Naja, als HTML sollte eigentlich jede semantisch korrekt aufgebaute Webseite funktionieren.

Die CSS-Dateien baust du dir dann passend dazu, je nach dem, was du anzeigen willst und wie du dir eine sinnvolle Darstellung vorstellst. Kommt imho sehr stark auf den Inhalt, bzw. die Art der Webseite an.