我正在使用phonegap将一个非常简单的html5页面导出到iphone应用程序并遇到这个愚蠢的问题。
iPhone分辨率为960x640。
当我将画布设置为那些尺寸时,它似乎太大了。
<canvas width="960" height="580" style="background-color:#607559"></canvas>
这是为什么?我如何利用iphone 4的全高清功能。如果我将画布设置为较旧的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" />
这取决于你在说什么iphone。
旧款iPhone 3GS的分辨率为320x480。较新的iPhone 4和iPhone 4s具有所谓的视网膜显示屏,其分辨率为640x960,但它会自动放大(您无法独立访问像素)。
但是你可以在这个问题中为画布设置非常好的设备像素比率:Canvas drawing and Retina display: doable?