1

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

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

特别是由于方向完全不同,将手机部署为平板电脑的选项似乎是不可能的……以及更大的屏幕导致全新的 UI(以获得最佳用户性能)。

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

期待反馈,谢谢!

4

2 回答 2

1

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

设备就绪后,您调用

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

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

于 2015-08-07T19:37:48.907 回答
0

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

于 2013-10-02T16:48:59.993 回答