iPhoneの解像度を理解する

Question

私はphonegapを使って非常に単純なhtml5ページをiPhoneアプリにエクスポートし、このばかげた問題に取り組んでいます。

iPhoneの解像度は960x640です。

これらのディメンションにキャンバスを設定すると、大きすぎるように見えます。

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

なぜですか？そして、どのようにしてiphone4の完全なハイ・デフィニション機能を利用することができますか？私が古いiPhone（320×480）のものにキャンバスを設定すると、キャンバスがフルスクリーンにフィットするようです。

このような設定にビューポートを設定すると、パフォーマンスが低下しますか？

<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

あなたの話しているiPhoneによって異なります。

古いiPhone 3GSの解像度は320x480です。新しいiPhone 4とiPhone 4は640x960の解像度を持つ、いわゆる網膜ディスプレイを持っていますが、自動的にスケールアップします（ピクセルに個別にアクセスしません）。

ただし、 Canvas drawing and Retina display: doable?

Answer 2

多分これが事がどのように機能するかを理解するのに役立ちます:)

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

幸運：この問題のキャンバスのために非常に良いカバー！