Samsung_Galaxy_TabsUm mehr als 350 % steigerten die IT-Händler in den ersten beiden Monaten des Jahres nach Zahlen von Context den Umsatz mit Tablets im Vergleich zum Vorjahreszeitraum.

Auch beim Erstellen von Internetseiten kommt man an den Smartphones und Tablets nicht mehr vorbei.

Und das bedeutet, dass es mit einer HTML-Seite für alle nicht mehr geht – man muss schon Alternativen anbieten, die die Inhalte auf unter 5 Zoll großen Smartphone-Bildschirmen oder Tabletflächen mit 6-12 Zoll Diagonale angepasst anzeigen.

Über das „media“-Attribut lassen sich verschiedene CSS-Dateien für die unterschiedlichsten Bildschirmgrößen einbinden. Im nachstehenden Beispiel sehen Sie die Einbindung von zwei verschiedenen Stylesheet-Dateien für Normalgeräte und Smartphones.

<link rel="stylesheet" media="screen" href="pc.css">
<link rel="stylesheet" media="handheld" href="smarty.css">