Mobiles Design einstellen

[Larxa]

Ich wollte mal fragen ob man ein Mobiles Design ganz einfach einstellen kann. Ich habe mal gehört das man ein einfach eine mobil css anlegen muss und den Pfad auf der Website angeben muss. Dann soll man irgenntwie (modul="handheld") bzw (modul="screen") einfügen.
Kann mir das jemand genauer erklären?

 

[Tronjer]

media="handheld" stammt noch aus der Zeit als es keine Smartphones und Tablets gab.

 

[Larxa]

Achso, kann man dann einen anderen Wert für Smartphones/Tablets eingeben?

 

[Tronjer]

Dafür verwendet man heute innerhalb des Stylesheets Media Queries, die je nach Größe des Browser Viewports unterschiedliche Styles anwenden. Allerdings spielen da noch mehr Dinge mit hinein, wie bsw. die Einbindung unterschiedlicher Grafiken entsprechend der pixel-ratio des Devices. Es gibt nicht nur eine Vielzahl an Geräten mit unterschiedlichen Auflösungen, sondern auch drei Betriebssysteme und für jedes davon mehrere Browser.

Das Thema viel zu komplex um es in ein paar Forenposts zu erklären. Wenn dich das wirklich interessiert, suche dir entsprechende Quellen im Netz und lies dich dort ein.