如何为每个设备设置正确的视口 - android phonegap

时间:2014-10-14 13:08:41

标签: java android html cordova viewport

我试图找出一个问题,因为今天早上和30分钟前,我得到了它的工作。

我的问题是在Android KitKat上忽略了viewport beeing。我直接从GitHub将CordovaActivity.java更改为新的,之后我的ViewPort以正确的方式工作。如果我设置值:

initial-scale=2.5, maximum-scale=2.5, minimum-scale=2.5

我可以放大或缩小我的应用以使其适合屏幕。那么......下一步:我怎么意识到,视口会自动改变以适应屏幕?

如果我将scales设置为1并设置width=device-width, height=device-height没有任何更改。

我想有一个解决方案,这使得该应用适合每个屏幕/设备,直到Android 4.1。因此,具有较低target-lvl的设备将被忽略。

这就是我的Viewport的样子:

<meta name="viewport" content="user-scalable=no, initial-scale=2.5, maximum-scale=2.5, width=device-width, target-densitydpi=device-dpi" />

这是我的CordovaActivity.java - &gt; http://pastebin.com/fYPwsMJN

我希望有人可以帮助我,弄清楚如何让它适合每个屏幕。

1 个答案:

答案 0 :(得分:4)

只需仔细检查:您是否在config.xml中设置了以下内容?

<preference name="EnableViewportScale" value="true"/>