了解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 4s 具有所谓的视网膜显示屏，其分辨率为 640x960，但它会自动放大（您无法独立访问像素。

但是您可以在这个问题中设置设备像素比，这对于画布来说非常好：Canvas绘图和Retina显示：可行吗？