在 iOS 上阻止 iframe 调整其自身内容的高度
Prevent iframe from sizing to height of its own content on iOS
更新: 事实证明,Apple 只是默默地阻止您在 iOS 中使用固定大小的 iframe。惊人的。 How to get an IFrame to be responsive in iOS Safari?
我正在尝试做一些我期望非常简单的事情:在绝对定位的 div.
中嵌入一个固定大小的 <iframe>
这是 运行 在 iPad 上的 WKWebView。
无论我尝试什么(我已经尝试了所有我能想到的),它都不会遵守我告诉它的大小,而是 总是 自动-调整其高度以匹配其内容。
我只是想弄清楚如何阻止它。
这是 CSS 属性,在连接到 iPad 时直接从 Safari 获取:
<iframe>
元素本身也将其 height
和 width
属性设置为相同的值:
但是正如您从 Computed 视图中看到的那样,它完全忽略了所有设置其高度的尝试并最终呈现如下:
这到底是怎么回事?它导致我的网络应用程序滚动超出其固定屏幕尺寸的范围。我已经和这件事抗争了一个多小时,取得了零的进展。
您应该可以将溢出设置为隐藏。这将裁剪到设置的大小。虽然我不会使用 iframe。它们在页面布局中被认为已过时。
更新: 事实证明,Apple 只是默默地阻止您在 iOS 中使用固定大小的 iframe。惊人的。 How to get an IFrame to be responsive in iOS Safari?
我正在尝试做一些我期望非常简单的事情:在绝对定位的 div.
中嵌入一个固定大小的<iframe>
这是 运行 在 iPad 上的 WKWebView。
无论我尝试什么(我已经尝试了所有我能想到的),它都不会遵守我告诉它的大小,而是 总是 自动-调整其高度以匹配其内容。
我只是想弄清楚如何阻止它。
这是 CSS 属性,在连接到 iPad 时直接从 Safari 获取:
<iframe>
元素本身也将其 height
和 width
属性设置为相同的值:
但是正如您从 Computed 视图中看到的那样,它完全忽略了所有设置其高度的尝试并最终呈现如下:
这到底是怎么回事?它导致我的网络应用程序滚动超出其固定屏幕尺寸的范围。我已经和这件事抗争了一个多小时,取得了零的进展。
您应该可以将溢出设置为隐藏。这将裁剪到设置的大小。虽然我不会使用 iframe。它们在页面布局中被认为已过时。