允许在iFrame中缩放，但不在iOS中的页面上

我有一个简单的页面

<meta name="viewport" id="extViewportMeta" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">

在它上面，一切尺寸都很好地显示在iPhone上。

但是，当我在该页面上放置一个iframe时，iFrame内的所有内容都不可缩放，并缩放到父页面的大小。

我怎样才能允许在iframe中缩放，而不会弄乱我的网页的其余部分？

你所要求的是不幸的是不可能的。

首先，在“视口”元标记中，您的“内容”属性指定您的网站的用户无法缩放。这就是'user-scalable = no'所规定的。

此外，您的最大比例和最小比例设置为1 ，因此，即使您删除“用户可扩展=否”，缩放也会因用户没有缩放范围而被禁用。

因此，要启用用户缩放function，您必须删除user-scalable = no并设置不同的最小和最大比例值。

查看此链接以更好地了解“视口”元标记的设置：

其次，由于您的“视口”meta标签设置在您的“父”页面，这些设置适用于该页面内的任何内容，即iframe。 iframe是否具有指定不同设置的不同meta'viewport'标记并不重要，因为它位于父级的设置中并且遵守其设置。

这是可能的通过jQuery。绑定缩放和平移事件，以便在缩放和平移外部的缩放和平移之外不执行任何操作。然后对于你想允许缩放和平移的div，你可以使用像Panzoom那样使用“CSS3变换和matrix函数”的插件来进行缩放和平移。

这是不可能的，因为iOS不允许缩放 – 您只需滚动浏览iFrame即可。这是一个外部网站，你拥有？如果是这样，更改CSS代码，并将其添加到您的问题顶部的视口。
或者，您可以使用PHP加载数据。你一定会为你的问题find一个解决scheme，如果没有的话，随时提出后续问题。