0

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

TIA

4

1 回答 1

2

使用 CSS3 媒体查询来检测手机尺寸并使用正确的样式。这个问题有一个例子:PhoneGap + Android + media queries

另请参阅“如何使用 CSS3 媒体查询创建网站的移动版本”。

示例(在您的 HTML 中)

<link rel="stylesheet" type="text/css" media="(max-width: 480px) and (max-device-width: 480px)" href="screen-small.css" />
于 2012-08-27T21:09:31.967 回答