Safari Mobile iframe 存在内部 iframe 大小问题

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

在这里查看概述：

.

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

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

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

当然，如果有解决方案就更好了:)

如果这个问题只发生在 Safari 或 iPad 中，您可以添加一些跨浏览器 CSS 支持来告诉特定浏览器它应该如何显示。我喜欢用这个 http://rafael.adm.br/css_browser_selector/

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

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

.iphone.safari .scrollingframe {css 样式}

希望这可以帮助。