jQuery mobile - 带和不带视网膜显示的图像大小

【问题标题】：jQuery mobile - Image sizes with and without retina displayjQuery mobile - 带和不带视网膜显示的图像大小
【发布时间】：2012-01-11 12:36:13
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：