Ios 如何在不同分辨率的不同设备上使用图像？

我正在使用phonegap制作iphone应用程序。 我不确定如何正确地使用这些图像来支持不同设备（iphone、ipad）上的所有不同分辨率。 我用谷歌搜索了一下，有人指出我应该为不同的屏幕使用不同的css文件。 我真的希望有一个更简单的方法

---

TIA使用CSS3媒体查询来检测手机尺寸并使用正确的样式。这个问题有一个例子：

另见“”

示例（在HTML中）

我明白了。我还想知道为什么人们使用两种不同的图像来获得不同的分辨率？为什么不使用一个高分辨率图像并调整其大小以获得较小的分辨率？在响应性布局中，您可能需要调整内容显示的大小以更好地适应所使用的屏幕。例如，在宽度为480px的设备上，显示720px宽的图像是没有意义的。特别是在iOS的情况下，视网膜显示器将希望使用更高密度分辨率的图像，以充分利用更好的iPhone屏幕。

<link rel="stylesheet" type="text/css" media="(max-width: 480px) and (max-device-width: 480px)" href="screen-small.css" />