CSS einfach erklärt

Apple hat für das iPad ein Dokument veröffentlicht, in dem Besonderheiten des iPads für Webdesigner diskutiert werden. Ausgangspunkt der Überlegungen sind zwei Besonderheiten:

1. Die Auflösung: Sie zählt 1024 Pixel in der Breite und 768 Pixel in der Höhe, oder anders herum, je nachdem wie man es hält (Landscape bzw. Portrait). Wichtig ist hier insbesondere die Verwendung des Viewport Meta-Tags, mit dem sich die vom mobilen Safari als Standardwert angenommenen 980 Pixel Fensterbreite an die tatsächlichen Gegebenheiten anpassen lassen.
2. Plug-Ins wie Flash: Der iPad-Safari unterstützt keine Plug-Ins. Als Alternative wird deshalb zur Verwendung der HTML5-Elemente video und audio geraten.

Ferner werden noch Hinweise zum User-Agent-Header und zur konkreten Simulation der iPad Darstellung gegeben. Hierzu wird auf den iPhone Simulator (Bestandteil vom iPhone SDK) verwiesen, der nun auch das iPad nachbilden kann. Ansonsten sind die hinlänglich bekannten Besonderheiten des iPhones zu beachten, da das iPad ebenfalls auf dem iPhone-Betriebssystem aufsetzt.

Wer sich nur mal anschauen möchte, wie die Dimensionen seiner Website auf dem iPad skaliert werden, kann das bei dem Online-Dienst iPad Peek tun. Die Seite ist aber mehr als Gag zu verstehen, da sie die Engine des betrachtenden Browsers verwendet und nicht die vom mobilen Safari.

• Ähnliche Beiträge:
• » Unbenutzte CSS-Selektoren finden
• » CSS-Eigenschaften plattformübergreifend visualisieren
• » Wie groß ist das Browserfenster beim User?
• » CodeBurner: CSS-Referenz für FireBug
• » CSS Unterschiede im Internet Explorer

Kategorien: Browser, Webdesign.
Schlagwörter: Handy, Usability.