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

Question

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

在此处查看概述：

。

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

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

仅在Safari移动（iPad）OS 5.1上发生。在普通的Safari浏览器上，它按预期工作。 有没有人有类似的问题或想法这里发生了什么？

当然解决方案会更好:)

Answer 1

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

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

。[os]。[浏览器] .mylink {font-weight：bold; } - ＆gt;没有空格。[os]和。[浏览器]

.iphone.safari .scrollingframe {css style}

希望这有帮助。