我正在使用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" />
答案 0 :(得分:4)
这取决于你在说哪款iphone。
旧款iPhone 3GS的分辨率为320x480。较新的iPhone 4和iPhone 4s具有所谓的视网膜显示屏,其分辨率为640x960,但它会自动放大(您无法独立访问像素。
但是你可以在这个问题中为画布设置非常好的设备像素比率:Canvas drawing and Retina display: doable?