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

我使用phonegap制作iphone应用程序。我不确定如何正确使用图像来支持不同设备（iphone，ipad）上的所有不同分辨率。我已经使用它并且指出我应该为不同的屏幕使用不同的css文件。我真的希望应该有一个更简单的方法。如何在不同分辨率的不同设备上使用图像？

TIA

使用CSS3媒体查询来检测手机的尺寸和使用正确的造型。此问题中有一个示例：PhoneGap + Android + media queries

例（在你的HTML）

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

2012-08-27 21:09:31 calvinf

我明白了。我也想知道为什么人们为不同的分辨率使用两个不同的图像？为什么不只是使用一个高分辨率的图像，并为较小的分辨率调整大小？ – ordinaryman09

在响应式布局中，您可能需要调整内容显示的大小以更好地适合正在使用的屏幕。例如，在宽度为480px的设备上，显示720px宽的图像没有意义。特别是在iOS的情况下，视网膜显示器将希望使用更高密度的分辨率图像来充分利用更好的iPhone屏幕。 – calvinf

回答