Cordova/general：针对不同屏幕布局进行开发的最简单方法？

Question

我真的很想知道.. 结合 Phonegap/Cordova，让您的应用支持多种屏幕分辨率的最简单方法是什么？主要是所有Android的，比如480x800、720x1280x 1280x720、800x1200等？

我已经创建了一个只有百分比的应用程序 (Click)（在所有 16:9 屏幕上都可以很好地显示，但事实并非如此），但这还不够。仅在 720x1280 的屏幕上显示正常。

尤其是因为方向完全不同，将手机同时部署为平板电脑的选项似乎是不可能的......而且更大的屏幕会带来全新的 UI（以获得最佳用户性能）。

我能想到的唯一方法是为每个分辨率创建不同的样式表，这可能会占用大量时间；我猜？

期待反馈，谢谢！

Answer 1

首先，尽可能响应代码。而不是媒体查询（在 android 4 上搞砸了），你可以试试https://github.com/biodiv/cordova-screengod

设备就绪后，您调用

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

它会自动调整您的 CSS，使其在所有平台/屏幕上看起来都一样。

Answer 2

就个人而言，我使用 Bootstrap 和他们的 Grid 系统。弄清楚它是如何工作的以及如何让它适应你想要做的事情需要一分钟，但一旦你做到了，那就太棒了。文档是here。