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