如何解决Cordova / Phonegap中的iFrame问题（iOS）？

Question

我的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>

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