javascript - 如何修复 Cordova/Phonegap 中的 iFrame 问题 (iOS)？

Question

我的 Cordova 应用程序中有一个 iframe，但我遇到了严重的问题。在 iPad 上，iframe 并未最大化，而仅在一个 Angular 落加载。谁能帮我解决一下我的问题吗...

这是我的 iframe 代码...

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

Answer 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，有一些高度问题，您必须以像素为单位设置，但我不确定。