iphone图像大小调整

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

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

我创建两个图像，一个半分辨率和其他满。然后，我使用插件识别视网膜显示并用“* -2x”替换所有图像。麻烦的是，我的视网膜iphone上的图像显得较大，并且模糊。我想知道如果我的视窗是搞乱的东西了，因为它会放大在屏幕上，以适应应用程序：

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

我将不胜感激任何帮助，您可以在这个问题上提供。我曾尝试过发布此消息，但没有任何答案似乎有效。谢谢！

2012-02-21 nate8684

我从来没有使用PhoneGap的，而是使HTML显示的图像在视网膜水库我做的是链接到一个视网膜清晰度图片，形象地说是640×960像素，但在HTML中设置的大小属性来小320x480。

原因是，iOS使用分辨率独立的“点”而不是“像素”进行布局。

希望这会有所帮助！

2012-02-21 16:35:01

我可以通过编码“img {width：50％; height：50％}”来缩小所有视网膜图像的大小吗？还是有更好的方法来大规模处理这个问题？ – nate8684 2012-02-21 16:47:46

这可以工作。这是总体思路。 – 2012-02-21 17:24:24

最后一个问题，我是否也需要调整非视网膜显示器的大小？这是视口方法的产物吗？ – nate8684 2012-02-21 18:51:56

回答