几年前,我开发了一个cordova / phonegap应用程序。我需要将屏幕宽度修改为1200(某些设备的宽度为962px),所以我添加了一个元标记来设置视口内容宽度,如
<meta name="viewport" content="width=1200, user-scalable-no">
最近我不得不添加一些新功能并升级到最新的cordova / phonegap版本(7.0.1 / 6.5.0),似乎忽略了视口元标记。运行旧版本我可以在chrome devtools中看到html宽度为1200px但是较新版本的html宽度仍为960px
有关如何解决此问题的想法吗?
答案 0 :(得分:3)
我终于可以通过编辑android平台文件夹中的MainActivity.java文件来解决这个问题。 此文件声明一个继承自CordovaActivity并覆盖onCreate方法的类。现在似乎需要设置一些设置,以便webview使用“viewport”元。
我在MainActivity.java中的onCreate方法现在看起来像:
f
关键是将set“LoadWithOverviewMode”和“UseWideViewPort”调用为true。
现在app正在按预期工作