Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/linq/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android PhoneGap是否忽略设置了特定宽度的视口标记?_Android_Ios_Cordova - Fatal编程技术网

Android PhoneGap是否忽略设置了特定宽度的视口标记?

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应用程序会很容易。但到目前为止,我没有运气这么做。视口标记似乎被完全忽略 所以我的问题是:

我已经开发了一个webapp,并成功地使用viewport元素来适应不同设备的应用。例如,在iPhone上,我使用了这个:

<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" />