目前正在使用jQuery mobile开发iPhone应用程序,一切看起来都很棒但是当使用视网膜显示器时,所有图像都会失去清晰度。
在视网膜显示屏和正常显示屏上实现图像清晰度的最佳方法是什么?我在jQuery移动文档中找不到任何相关内容。
答案 0 :(得分:4)
Retina的像素深度加倍。所以你需要为它创建新的图像。我建议使用两个图像文件夹:即images /和imagesX2 /(最后用于视网膜)。
那么你可以使用自定义css来获得高分辨率:
<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />
请参阅http://thomasmaier.me/blog/2010/06/23/css-for-iphone-4-retina-display/