Android PhoneGap是否忽略设置了特定宽度的视口标记?
我已经开发了一个webapp,并成功地使用viewport元素来适应不同设备的应用。例如,在iPhone上,我使用了这个:Android PhoneGap是否忽略设置了特定宽度的视口标记?,android,ios,cordova,Android,Ios,Cordova,我已经开发了一个webapp,并成功地使用viewport元素来适应不同设备的应用。例如,在iPhone上,我使用了这个: <meta name="viewport" content="width=685,user-scalable=0" /> 在iPhone Safari浏览器上,我的webapp与此视口配合得很好。因此我想,借助PhoneGap将我的webapp包装成AppStore应用程序会很容易。但到目前为止,我没有运气这么做。视口标记似乎被完全忽略 所以我的问题是:
<meta name="viewport" content="width=685,user-scalable=0" />
在iPhone Safari浏览器上,我的webapp与此视口配合得很好。因此我想,借助PhoneGap将我的webapp包装成AppStore应用程序会很容易。但到目前为止,我没有运气这么做。视口标记似乎被完全忽略
所以我的问题是:
视区标记在PhoneGap上是否具有特定的宽度(如上例所示)?或者我是否必须将所有内容重新加工为响应性网页设计?使用如下元标记将宽度自动设置为设备宽度:
<META NAME="viewport" CONTENT="width=device-width, initial-scale=1, user-scalable=no"/>
希望这会有帮助。我已经和它斗争了几个小时。 对于phonegap的最新版本,我是这样管理的: 在主java中,在super.loadUrl(bla)之前添加以下行 这仍然允许用户“双击”放大/缩小。因此,使用以下命令修改元:
Phonegap 3.0对我来说很有效,Android>=4尝试将其添加到html的标题中
<META NAME="viewport" CONTENT="width=device-width, initial-scale=1, user-scalable=no"/>
并将其添加到config.xml:
<preference name="EnableViewportScale" value="true" />
试试这个-
< meta name="viewport" content="width=device-width; user-scalable=yes; initial-scale=0.1; maximum-scale=5; minimum-scale=0.5" />
但我不想将其设置为设备宽度。我想将其精确设置为685px。您能告诉您的用户将其设置为685px的理由吗?我已经开发了一个基于我们网站桌面版本的移动网站。我们桌面网站的主栏是685px。我想为移动设备精确显示此栏。因此,我只提供了t他创建了此列的html,并希望视口的宽度为685px。
< meta name="viewport" content="width=device-width; user-scalable=yes; initial-scale=0.1; maximum-scale=5; minimum-scale=0.5" />