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

Question

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

TIA

Answer 1

使用CSS3媒体查询检测手机尺寸并使用正确的样式。此问题中提供了一个示例：PhoneGap + Android + media queries

另请参阅“How to use CSS3 media queries to create a mobile version of your website”。

示例（在您的HTML中）

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