iPhone 图像大小

Question

我在使用 phonegap 为我的 iphone 应用调整图像和 ui 元素时遇到了麻烦(基本上是移动网站变成了 native 应用)。这是我的 PSD 设置:

宽度:640px
高度:960px
分辨率:326px

我正在创建两张图片，一张是半分辨率，另一张是全分辨率。然后我使用一个插件来识别视网膜显示器并将所有图像替换为“*-2x”。问题是图像在我的视网膜 iphone 上显得更大而且模糊。我想知道我的视口(viewport)是否在放大屏幕以适应应用程序时弄乱了一切:

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

Answer 1

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

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