在phonegap应用中使用iframe

Question

我在我的phonegap应用中使用iframe打开外部网站。网站是开放的，但它有水平滚动。如果我在移动浏览器中打开相同的网站，它可以正常打开而无需水平滚动。我已经使用宽度和高度为100％以及设置宽度为屏幕宽度320或其他但无法解决问题。我面对其他网站的同样问题。 你能帮我吗？

移动浏览器上的网站

应用中的iframe网站

Answer 1

在我遇到类似你的问题之前，我使用以下方法解决了问题。将您的iframe放入以下div内，它会滚动您的手机内容中的整个网页。

<div id="content" style="height: auto; width: auto; overflow: auto; -webkit-overflow-scrolling:touch;">
        <iframe height="100%" scrolling="no" width="100% "> iframe content here </iframe>
</div>