Comparar diferentes Devices
Se você quiser criar páginas web otimizadas para o iPhone, iPad e computador desktop, você precisa primeiro entender as diferenças de projeto destes dispositivos diferentes. A tabela dá uma visão geral das diferenças de resolução, de tela e de exibição entre o iPhone, iPad e iPod touch.
Se você quiser também projetar uma versão de um local para computadores desktop, considere seguindo as diretrizes atuais na web e, em seguida, projetar para monitores com uma resolução de 1024 x 768 pixels.
| Nome do dispositivo | Exibição | Resolução da tela | Tamanho da tela em pixels | Ícone tamanho em pixels |
|---|---|---|---|---|
| iPhone 3GS | A tela Multi-Touch (diagonal) widescreen de 3 1/2 polegadas | 163 pixels por polegada (ppi) | Retrato: 320 x 480 Paisagem: 480 x 320 | 57 x 57 |
| iPhone 4.0 | A tela retina de alta resolução e (diagonal) widescreen ecrã Multi-Touch de 3 1/2 polegadas | 326 ppi | Retrato: 640 x 960 Paisagem: 960 x 640 | 114 x 114 |
| iPad | Um de 9,7 polegadas (diagonal) widescreen brilhante com retroiluminação LED Multi-Touchdisplay com tecnologia IPS (que é o que dá o iPad um wideviewing-ângulo de até 178 graus) | 132 ppi | Retrato: 768 x 1024 Paisagem: 1024 x 768 | 72 x 72 |
| iPod touch | A 3 1/2 polegadas (diagonal) widescreen ecrã Multi-Touch | 326 ppi | Retrato: 640 x 960 Paisagem: 960 x 640 | 57 x 57 |