html - 具有内部 iframe 大小问题的 Safari Mobile iframe

Question

我有一个“简单”的 Web 应用程序，它有一个导航和一个内容区域。在内容区域内，我有一个包含更复杂内容的 iframe。不幸的是，iframe 中的内容还有另一个 iframe。

在这里得到一个概述：

.

在我的场景中，查看完整的 iframe 内容非常有帮助，因此我们隐藏导航并更改其顶部的内容大小：

如果我现在返回初始视图，则 iframe 内的 iframe 不会改变大小：

这只发生在 Safari mobile (iPad) OS 5.1 上。在普通的 Safari 浏览器上，它按预期工作。有没有人有类似的问题或知道这里发生了什么？

当然解决方案会更好:)

Answer 1

如果这是仅在 Safari 或 iPad 中出现的问题，您可以添加一些跨浏览器 CSS 支持来告诉特定浏览器它应该如何显示。我喜欢用这个

这允许您添加特定的 css 指令，例如

.[os].[browser] .mylink { 字体粗细：粗体；} -> .[os] 和 .[browser] 之间没有空格

.iphone.safari .scrollingframe {css 样式}

希望这可以帮助。