捏放大/缩放只是在科尔多瓦应用程序的iframe

过去几天我一直在与这个问题作斗争,并且无法达到它的底部。

我正在寻找一种将iframe嵌入到cordova应用程序(在iOS设备上运行)中以显示外部网页的方法,并允许用户捏合缩放/缩放iframe内容,而不用缩放主应用程序内容。

科尔多瓦观点的元素是:

<meta name="viewport" content="initial-scale=1, user-scalable=yes">

我加载的iframe页面的meta是:

<meta charset="utf-8">

我用来加载内容的iframe如下所示:

<iframe src="" zooming="true" webkitallowfullscreen mozallowfullscreen allowfullscreen width="500" height="500"></iframe>

在当前状态下,将显示iframe并将网页加载到该网页中,但它不会像我所定义的那样保留500 X 500大小(它强制将iframe调整为网页内容的大小),而且用户可以滚动页面查看更多的iframe内容,但不能放大或缩小,以便用户查看更少或更多的iframe。

有没有在cordova索引文件中丢失的标签,或者iframe中是否有可以让iOS设备捏住和缩放内容的标签?


你现在可能已经想出了自己的想法,但是它不起作用的原因是你的iframe文档独立于顶层dom。 在iframe中注册的触摸事件等不能通过它们驻留的文档的障碍而起泡。

链接地址: http://www.djcxy.com/p/89961.html

上一篇: Pinch to zoom/scale just iframe in Cordova app

下一篇: Dynamic scaling of iFrame content to fit div width