Informazioni sulla risoluzione dell'iPhone

Question

Utilizzo di phonegap per esportare una semplice pagina html5 su un'app per iphone e in esecuzione su questo stupido problema.

La risoluzione dell'iPhone è 960x640.

Quando imposto la tela su tali dimensioni, sembra troppo grande.

<canvas width="960" height="580" style="background-color:#607559"></canvas> 

Perché è quello? E come posso utilizzare le funzionalità ad alta definizione di iphone4. Sembra che la tela si adatti a tutto schermo se si imposta la tela su qualcosa di vecchio iPhone (320 × 480).

L'impostazione di una vista su qualcosa del genere sembra funzionare, ma si tratta di un successo in termini di prestazioni?

<meta name="viewport" content="width=device-width, height=device=height, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no" /> 

Answer 1

Dipende da quale iphone si sta parlando.

Il vecchio iPhone 3GS ha una risoluzione di 320x480. I nuovi iPhone 4 e iPhone 4 hanno il cosiddetto display retina, che ha una risoluzione di 640x960, ma scala automaticamente (non si accede ai pixel in modo indipendente.

Ma è possibile impostare il rapporto pixel del dispositivo che è molto buono coperto per tela in questa domanda: Canvas drawing and Retina display: doable?

Answer 2

Forse questo può essere utile per capire come funziona la cosa :)

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

buona fortuna!