iphone图像大小调整

Question

我在使用phonegap（基本上是移动网站已经不再使用原生应用程序）为我的iphone应用程序调整图像和ui元素时遇到了麻烦。这是我的PSD设置：

宽度：640px 身高：960px 分辨率：326px

我正在创建两个图像，一个是半分辨率，另一个是完整分辨率。然后我使用插件识别视网膜显示并用“* -2x”替换所有图像。问题是我的视网膜iphone上的图像看起来更大并且模糊不清。我想知道我的视口是否在搞乱，因为它放大屏幕以适应应用程序：

  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,    user-scalable=no" />

我非常感谢您就此事提供的任何帮助。我之前尝试过发布这个但是没有一个答案似乎有效。谢谢！

Answer 1

我从未使用过PhoneGap，但是为了让Retina res中的HTML显示图像，我所做的是链接到视网膜res图像，比如图像是640x960像素，但是在HTML中将尺寸属性设置为320x480。

原因是iOS使用与分辨率无关的“点”代替“像素”进行布局。

希望这有帮助！