Question

目前正在使用jQuery mobile开发iPhone应用程序，一切看起来都很棒但是当使用视网膜显示器时，所有图像都会失去清晰度。

在视网膜显示屏和正常显示屏上实现图像清晰度的最佳方法是什么？我在jQuery移动文档中找不到任何相关内容。

Answer 1

Retina的像素深度加倍。所以你需要为它创建新的图像。我建议使用两个图像文件夹：即images /和imagesX2 /（最后用于视网膜）。

那么你可以使用自定义css来获得高分辨率：

<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="../iphone4.css" />