阻止iframe在iOS上调整其自身内容的高度

Question

更新：事实证明，Apple只是默默地阻止您在iOS中安装固定大小的iframe。太棒了How to get an IFrame to be responsive in iOS Safari?

---

我正在尝试做一些我期望非常简单的事情：将一个固定大小的<iframe>嵌入到绝对定位的div中。

它在iPad上的WKWebView上运行。

无论我尝试什么（我已经尝试了所有可以想到的方法），它都不会尊重我告诉它的大小，而是始终自动调整其高度以匹配其内容。

我只是想弄清楚如何阻止这种情况。

以下是CSS属性，它们是从Safari连接到iPad时直接获取的：

<iframe>元素本身也将其height和width属性设置为相同的值：

但是从“计算”视图中可以看到，它完全忽略了所有设置高度的尝试，最终呈现出这样的图像：

世界上正在发生什么？这导致我的Web应用程序滚动超出其固定屏幕尺寸的范围。我已经为这个问题奋斗了一个多小时，并取得了归零的进展。

Answer 1

您应该能够将溢出设置为隐藏。这将裁剪到设置的大小。但我不会使用iframe。它们在页面布局中被认为是过时的。