2011-07-01 40 views
0

在iphone4图像不显示高分辨率显示低分辨率图像。如何使用css设置iphone4的高分辨率图像

如何使用css更改iphone4的高分辨率图像?


要澄清一下,我们使用HTML中的PhoneGap开发和jQuery的高分辨率图像最终的像素化的应用程序。 .png图像的名称为@ 2x.png,原始文件与png文件相匹配。

我们已经利用实践 http://aralbalkan.com/3331http://davidehlers.com/2011/03/iphone ...

上的影像略小于原始图像,并显著像素化。我附上了Venky提到的问题的重叠部分。这是右侧的[email protected],位于iPhone4的应用程序屏幕截图的顶部。

回答

1

不确定关于CSS,但以正常方式,您可以将“@ 2x”附加到普通图像名称,这将用于视网膜显示。所以可能你不需要在CSS中提及,只需在图像中放置@ 2x并将其添加到项目中即可。例如对于icon.png,它将是[email protected]

希望得到这个帮助。

+0

我们尝试将图片名称设为[email protected]。但它不会改变高分辨率图像 – user824625

0

你必须使用高分辨率图像。如果您在代码中加载图像(UIImage imageNamed),SDK将自动选择高分辨率版本(@ 2x),但如果您正在通过其他任何方法进行操作,则必须自行完成。

+0

我们尝试图像名称为[email protected]。但它不会更改为高分辨率图像 – user824625

1

我已经通过在图像标签中使用@ 2x版本,并指定宽度/高度为@ 2x图像大小的一半来实现此目的。例如,使用200 x 80“[email protected]”,我会使用:

<img src="[email protected]" width="100" height="40"> 

它在UIWebView中工作良好。不知道怎么用CSS做。

相关问题