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

Question

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

我尝试删除所有全屏标签。我注意到它在其他任何地方都没有发生。仅在iOS上发生。在其他设备上，我必须手动将其全屏显示。

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

-1

Answer 1

前一段时间，我本可以为您提供即时解答。不幸的是，我无法再访问需要的资源...这意味着我的答案将不是一个完整的解决方案。

IFRAME在iOS上的工作方式与Android略有不同。因为渲染引擎的工作方式不同，所以使IFRAME仅占据所需的高度不仅仅是在标记上设置HEIGHT属性的问题。您必须在标签的容器和主体本身的内容中都使用CSS。

尝试如下操作：

1. 准备一个不会占用所有高度的模拟目标页面， 红色的背景，看看需要多少空间
2. 通过向模拟页面添加大量文本和图像并观察其变化，使模拟页面的长度大于屏幕的高度
3. 将IFRAME包裹在DIV中，并设置div的OnClick及其style=height: xxx。
4. 将模拟页面的内容包装在div中，设置其overflow，height，overflow和position样式 属性以控制其外观。
5. 使用模拟页面的HTML和BODY标签重复步骤（4）。

使用Safari实时更改它们的值将是最有用的。至少在一年前，当我遇到问题时。