iPhone 图像大小调整
我在使用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" />
I'm having trouble wrapping my head around sizing images and ui elements for my iphone app using phonegap (basically mobile website gone native app). Here are my PSD settings:
width: 640px
height: 960px
resolution: 326px
I'm creating two images, one at half resolution and the other at full. Then I'm using a plugin to recognize the retina display and replace all images with "*-2x". The trouble is that the images appear larger on my retina iphone and are blurry. I'm wondering if my viewport is messing things up as it zooms in on the screen to fit the app:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我从未使用过 PhoneGap，但要使 HTML 在 Retina res 中显示图像，我所做的就是链接到 Retina res 图像，假设图像为 640x960 像素，但在 HTML 中将大小属性设置为 320x480。
原因是 iOS 使用与分辨率无关的“点”而不是“像素”进行布局。
I have never used PhoneGap, but to make HTML show images in Retina res what I do is link to a retina res image, say the image is 640x960 pixels, but in the HTML set the size properties to 320x480.
The reason for this, is iOS uses resolution independent "points" instead of "pixels" for layout.