iphone图像大小

我很难用phonegap（基本上是移动网站的原生应用程序）为我的iphone应用程序调整图像和ui元素的大小。以下是我的PSD设置：

宽度：640px 高度：960像素 分辨率：326px

我正在创建两个图像，一个是半分辨率，另一个是全分辨率。然后我使用一个插件来识别视网膜显示，并用“*-2x”替换所有图像。问题是，在我的iphone上，这些图像显得更大，而且模糊。我想知道当我的视口在屏幕上放大以适应应用程序时，它是否会把事情弄得一团糟：

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

---

我非常感谢你在这件事上提供的任何帮助。我曾试着在早些时候发布关于这一点的帖子，但似乎没有一个答案有效。谢谢

我从未使用过PhoneGap，但要让HTML在Retina res中显示图像，我要做的是链接到Retina res图像，比如图像为640x960像素，但在HTML中，将大小属性设置为320x480

原因是iOS使用分辨率无关的“点”而不是“像素”进行布局

---

希望这有帮助

我从未使用过PhoneGap，但要让HTML在Retina res中显示图像，我要做的是链接到Retina res图像，比如图像为640x960像素，但在HTML中，将大小属性设置为320x480

原因是iOS使用分辨率无关的“点”而不是“像素”进行布局

---

希望这有帮助

我可以通过编码“img{width:50%；height:50%}”来缩小所有视网膜图像的尺寸吗？或者有更好的方法来大规模处理这个问题吗？最后一个问题，我是否也需要缩小非视网膜显示的尺寸？这是viewport方法的产物吗？我不明白这个问题。你是说缩小非视网膜图像的尺寸？你可以节省内存，但你不需要。不，我的意思是我应该缩小所有图像的大小，还是只针对视网膜图像？这有意义吗？你可以选择：1。只需在非视网膜显示器上使用额外内存的情况下使用视网膜res图像，或2。为非视网膜设备创建非视网膜版本，但这将取决于您有条件地使用视网膜或非视网膜版本。我是否可以通过编码“img{width:50%；height:50%}”来缩小所有视网膜图像的大小，或者是否有更好的方法大规模处理此问题？最后一个问题，我是否也需要缩小非视网膜显示的大小？这是viewport方法的产物吗？我不明白这个问题。你是说缩小非视网膜图像的尺寸？你可以节省内存，但你不需要。不，我的意思是我应该缩小所有图像的大小，还是只针对视网膜图像？这有意义吗？你可以选择：1。只需在非视网膜显示器上使用额外内存的情况下使用视网膜res图像，或2。为非视网膜设备创建非视网膜版本，但随后将由您有条件地使用视网膜或非视网膜版本。