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.

Uma comparação de diferenças de design no iPhone, iPad e iPodTouch
Nome do dispositivoExibiçãoResolução da telaTamanho da tela em pixelsÍcone tamanho em pixels
iPhone 3GSA tela Multi-Touch (diagonal) widescreen de 3 1/2 polegadas163 pixels por polegada (ppi)Retrato: 320 x 480
Paisagem: 480 x 320
57 x 57
iPhone 4.0A tela retina de alta resolução e (diagonal) widescreen ecrã Multi-Touch de 3 1/2 polegadas326 ppiRetrato: 640 x 960
Paisagem: 960 x 640
114 x 114
iPadUm 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 ppiRetrato: 768 x 1024
Paisagem: 1024 x 768
72 x 72
iPod touchA 3 1/2 polegadas (diagonal) widescreen
ecrã Multi-Touch
326 ppiRetrato: 640 x 960
Paisagem: 960 x 640
57 x 57