Iframe在iOS上使用Ionic 3.9.2自动全屏显示

Iframe在iOS上使用Ionic 3.9.2自动全屏显示

我已经尝试删除所有全屏标签。我注意到这在其他任何地方都不会发生。只在iOS上发生。在其他设备上，我必须手动使其全屏显示

为什么Iframe会在iOS上自动全屏显示？

<iframe src="https://d1mlukbqb3dh9w.cloudfront.net/PortraitCourse/Module01/Module01Section1/story.html" height="655" width="100%"></iframe>

---

不久前，我还可以为您提供一个即时的答案。不幸的是，我再也无法获得这样做所需的资源。。。这意味着我的答案不会是一个完整的解决方案

iOS上的IFRAME的工作原理与Android上的略有不同。由于渲染引擎的工作方式不同，因此获取仅获取所需高度的IFRAME不仅仅是在标记上设置height属性的问题。您必须在标记的容器和主体本身的内容中使用CSS

尝试按以下步骤进行：

准备一个不占用所有高度的模拟目标页面，制作 它的背景是红色的，看看它占了多少空间

通过添加大量文本和图像，使模拟页面比屏幕的高度长，并观察变化

将IFRAME包装在DIV中，并设置DIV的

style=height:xxx

，以及它的

溢出

将模拟页面的内容包装在一个div中，设置其

高度

，

溢出

，

位置

和

显示

样式 属性来控制其外观

对模拟页面的HTML和BODY标记重复步骤（4）

---

使用Safari实时处理这些数据以更改它们的值将被证明是最有用的。至少对我来说是这样，一年多前我遇到这个问题。

你想知道为什么会自动加载吗？或者为什么它在加载时是全屏的？除了ios，当你加载它们时，其他的是如何工作的？我想知道为什么它会自动全屏显示？在其他设备上，你必须手动全屏显示。你能分享你的代码吗？@JinLee我想知道为什么它会自动全屏显示。在其余的设备上，如果它加载，它不会自动全屏显示，你必须手动执行。你的问题没有得到足够的关注。让我给你一笔赏金。