iPhone çözünürlüğünü anlama

Question

Çok basit bir html5 sayfasını bir iphone uygulamasına dışa aktarmak ve bu aptalca sorunla karşılaşmak için phonegap kullanıyorum.

iPhone çözünürlüğü 960x640'dır.

Tuvali bu boyutlara ayarladığımda çok büyük görünüyor.

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

Neden? Ve iphone4 tam yüksek çözünürlüklü yeteneklerini nasıl kullanabilirim. Tuvali eski iPhone'lara (320 × 480) ayarladıysam tuvalin tam ekrana sığdığı görülüyor.

Vizörün böyle bir şeye ayarlanması işe yarıyor gibi görünüyor, ancak bu bir performans artışı mı olacak?

<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

Hangi iphone hakkında konuştuğunuza göre değişir.

Eski iPhone 3GS'de 320x480 çözünürlük var. Yeni iPhone 4 ve iPhone 4s 640x960 çözünürlüğe sahip olan retina ekrana sahiptir, ancak otomatik olarak ölçeklendirir (piksellere bağımsız olarak erişemezsiniz.

Ancak cihaz piksel oranını ayarlayabilirsiniz. çok iyi bu söz konusu tuval için örtülü: Canvas drawing and Retina display: doable?

Answer 2

Belki bu şey nasıl çalıştığını anlamak için :)

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

iyi şanslar yararlı olabilir!