了解iPhone分辨率

时间:2011-11-10 20:00:59

标签: xcode html5 canvas cordova iphone-4

我正在使用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" />

1 个答案:

答案 0 :(得分:4)

这取决于你在说哪款iphone。

旧款iPhone 3GS的分辨率为320x480。较新的iPhone 4和iPhone 4s具有所谓的视网膜显示屏,其分辨率为640x960,但它会自动放大(您无法独立访问像素。

但是你可以在这个问题中为画布设置非常好的设备像素比率:Canvas drawing and Retina display: doable?