android - Cordova /一般 : Easiest way to develop for different screen layouts?

标签 android ios css cordova

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

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

特别是由于完全不同的方向,将手机和平板电脑同时部署的选项似乎是不可能的……而且更大的屏幕会带来全新的 UI(为了获得最佳用户性能)。

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

期待反馈,谢谢!

最佳答案

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

设备就绪后,你调用

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

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

关于android - Cordova /一般 : Easiest way to develop for different screen layouts?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19141062/

相关文章:

Android WorkManager 并发作业计数/最大值

java - 已解决 : App with TabLayout with FragmentPagerAdapter and ViewPager crashes

ios - 调用方法时无法推断通用参数 'T'

javascript - 为弹出 div 以外的屏幕设置黑色背景

android - 如何解决致命异常

android - 在 Android Studio 中包含依赖项会产生 UnsatisfiedLinkError

ios - swift: 将多个 <key, value> 对象添加到 NSDictionary

ios - 编辑 UITextView 时如何删除 iPad 底部的复制/粘贴栏?

html - 设置其背景图片的div大小

css - 从草图导出的 Material SVG 未显示在客户端浏览器中,但在我的浏览器中正常 - 如何测试?