IFrame填写PhoneGap上的区域而不是固定位置

时间:2016-04-18 00:31:25

标签: android cordova iframe

我的应用在浏览器中完美运行。

what my app should look like

我所做的是使用复选框显示和隐藏此iFrame 然而,当我发布它的Android时,我添加的新iFrame填充整个页面,而不是我在CSS中说明的固定位置。

what my app currently looks like

我正在使用PhoneGap Build将我的应用转换为Android应用 我的应用使用以下权限。

<preference name="permissions" value="none"/>
<preference name="orientation" value="default"/>
<preference name="target-device" value="universal"/>
<preference name="webviewbounce" value="false"/>
<preference name="prerendered-icon" value="true"/>
<preference name="stay-in-webview" value="false"/>
<preference name="ios-statusbarstyle" value="black-opaque"/>

<gap:plugin name="org.apache.cordova.file"/>
<gap:plugin name="org.apache.cordova.file-transfer"/>
<gap:plugin name="org.apache.cordova.inappbrowser"/>
<gap:plugin name="org.apache.cordova.network-information"/>

<access origin="*"/>
<plugin name="cordova-plugin-whitelist" version="1"/>

<preference name="phonegap-version" value="cli-5.2.0" />
<preference name="android-minSdkVersion" value="7" />
<preference name="android-targetSdkVersion" value="19" />
<preference name="AndroidPersistentFileLocation" value="Compatibility" />

有人可以解释为什么我的应用填充页面并且有人知道解决此问题的方法吗?

1 个答案:

答案 0 :(得分:3)

修改
我能够以两种不同的方式解决问题 我将该页面的html合并到我的主应用程序中,并将脚本合并到我的主脚本中。 我还使用.load JQuery API修复了它。

即使我能够在这里解决我的问题,我仍然不明白为什么iFrame会填满整个页面。