Frage von Urferart 08.12.2011

Wie kriege ich es hin, dass meine Homepage auf dem Handy-Browser ein anderes Outfit hat

  • Hilfreichste Antwort von freejack75 08.12.2011
    2 Mitglieder fanden diese Antwort hilfreich

    die schönste Lösung sind CSS Media Queries, weil das reines Styling ist und ohne unzuverlässige Javascript-Abfragen auskommt. Schau mal http://www.teeundwhisky.de mit einem modernen Browser an (bis auf IE geht jeder), und schiebe die Seite schmaler. Je nach Platz kommt ein anderes Stylesheet zur Anwendung. So kriegt ein kleines Firefox-Fenster ebenfalls eine "mobile" Version, ein breiter Ipad-Browser dagegen was Desktop-Ähnlicheres. Immer so wie es passt.

  • Antwort von codingfreak 08.12.2011

    Verschiedene CSS-Files anlegen und im HTML-Sourcecode auf beide linken. Und zwar so:

    [link rel="stylesheet" href="normal.css" media="screen" /]
    [link rel="stylesheet" href="mobil.css" media="handheld" /]
    

    Sollte klappen (natürlich [ und ] durch spitze Klammern ersetzen)

Du kennst die Antwort? Frage beantworten
Bitte noch eine Antwort ... Frage erneut stellen

Verwandte Fragen

Fragen Sie die Community –

anonym und kostenlos!