Vergleichen Sie verschiedene Geräte
Wenn Sie für das iPhone, iPad optimierte Web-Seiten entwerfen möchten, und Desktop-Computer, müssen Sie zunächst die konstruktiven Unterschiede dieser verschiedenen Geräte zu verstehen. Die Tabelle gibt einen schnellen Überblick über die Auflösung, Bildschirm und Display-Unterschiede zwischen dem iPhone, iPad und iPod touch.
Wenn Sie eine Version einer Website für den Desktop-Computern auch gestalten möchten, sollten Sie im Web die aktuellen Richtlinien folgen und dann Design für Monitore mit einer Auflösung von 1024 x 768 Pixel.
Gerätename | Anzeigen | Bildschirmauflösung | Bildschirmgröße in Pixel | Symbolgröße in Pixel |
---|---|---|---|---|
iPhone 3GS | A 3 1/2-Zoll (diagonal) Breitbild-Multi-Touch-Display | 163 Pixel pro Zoll (ppi) | Portrait: 320 x 480 Landschaft: 480 x 320 | 57 x 57 |
iPhone 4.0 | Ein hochauflösendes Retina-Display und 3 1/2-Zoll (diagonal) Breitbild-Multi-Touch-Display | 326 ppi | Portrait: 640 x 960 Landschaft: 960 x 640 | 114 x 114 |
iPad | Ein 9,7-Zoll (diagonal) LED-Hintergrundbeleuchtung und Hochglanzanzeige Multi-Touchdisplay mit IPS-Technologie (das ist, was das iPad einen wideviewing-Winkel von bis zu 178 Grad gibt) | 132 ppi | Portrait: 768 x 1024 Landschaft: 1024 x 768 | 72 x 72 |
iPod touch | A 3 1/2-Zoll (diagonal) mit großem Bildschirm Multi-Touch-Display | 326 ppi | Portrait: 640 x 960 Landschaft: 960 x 640 | 57 x 57 |