如何修复 Cordova/Phonegap 中的 iFrame 问题（iOS）？

Posted 2023-03-14

【中文标题】如何修复 Cordova/Phonegap 中的 iFrame 问题（iOS）？

【英文标题】：How to fix iFrame issues (iOS) in Cordova/Phonegap?

【发布时间】：2014-07-20 23:35:51

【问题描述】：

我的 Cordova 应用程序中有一个 iframe，但我遇到了严重的问题。在 iPad 上，iframe 不会最大化，而只会加载到一个角落。谁能帮忙解决我的问题...

这是我的 iframe 代码...

<div id="wrapper" style="width: 100%; height: 100%; overflow: auto; -webkit-overflow-scrolling: touch;">
<iframe src="http://example.com"></iframe>
</div>

【问题讨论】：

尝试为 iframe 指定宽度和高度

【参考方案1】：

我正在使用 iframe 在 cordova 3.5 + jquery 移动项目中加载外部页面，它可以正常加载页面。

<iframe src="http://google.com/" frameborder="0" style="width: 100%; height: 100%;"></iframe>

我猜我遇到了一些 jquery mobile 在其页面或 div 周围放置的填充问题，因此对于我加载 iframe 的 div，我将填充删除为：

/*for devcontent to remove the default jquery mobile padding*/
#devContent
     padding: 0em !important;
 

这在 iPhone 和 iPad 上都能很好地加载。对于 android 有一些高度问题，您必须以像素为单位进行设置，但我不确定。