cordova/一般:为不同的屏幕布局开发最简单的方法?

我真的很想知道什么是最简单的方法,与Phonegap / Cordova结合,使您的应用程序支持多种屏幕分辨率? 主要是所有的Android的,如480×800,720x1280x 1280×720,800×1200等?

我已经创build了一个只有百分比的应用程序( 点击 )(在所有16:9屏幕上显示效果会很好,但没有),但这还不够。 只有在720×1280的屏幕上显示确定。

尤其是select部署手机作为平板电脑似乎是不可能的,由于完全不同的方向..和更大的屏幕导致一个全新的用户界面(用户最佳性能)。

我能想到的唯一方法是为每个分辨率创build一个不同的样式表,这可能占用大量的时间; 我猜?

期待反馈,谢谢!

我个人使用Bootstrap和他们的网格系统。 弄清楚它是如何工作的,以及如何使它适合你所要做的事情,需要一分钟的时间,但是一旦你这样做,这是惊人的。 文档在这里 。

首先,尽可能的响应代码。 而不是媒体查询(这是在Android 4搞砸了),你可以尝试https://github.com/biodiv/cordova-screengod

设备准备就绪后,你打电话

screengod(['path/to/your.css'],function(){ /* do your stuff */ }); 

它会自动调整你的CSS在所有平台/屏幕上看起来相同。