Phonegap - 支持多种分辨率的最佳方式

Question

我正在使用PhoneGap创建一个应用，并希望定位多个Android设备 问题是，在文档中我看到有很多方法可以做到这一点，我想知道正确的方法。

在Android文档上，我看到我可以为每个屏幕密度使用不同的CSS，但是我需要为每个应用程序创建4个css。 http://developer.android.com/guide/webapps/targeting.html

在Google上，我发现我应该使用自适应布局，但是一位朋友告诉我这不是正确的做法。

在不创建许多不必要的CSS文件的情况下，在PhoneGap中创建应用的最佳方法是什么？

Answer 1

由于您使用的是Phonegap，我会使用移动框架，如jQuery Mobile，Sencha Touch等。这些框架为您处理此问题，并启用响应式布局。你朋友的意见似乎有点没有根据。我正在使用jQuery Mobile，它已经在我测试的每个移动设备上运行：Galaxy Nexus，iPod touch，iPad和Kindle。我的应用程序非常庞大和复杂，根据屏幕大小，我的代码中没有任何地方可以zig或zag。我有一个CSS文件，它也支持几个主题。

Answer 2

我绝对建议您创建自适应布局。使用移动优先技术来定位最小屏幕尺寸，然后使用媒体查询来定位更大的屏幕尺寸。每部手机都有不同的表现，期待一些差异。