Safari移动iframe与内部iframe大小问题 [英] Safari Mobile iframe with inner iframe size problems

查看:153
本文介绍了Safari移动iframe与内部iframe大小问题的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我有一个具有导航和内容区域的简单网络应用程序。
在内容区域内,我有一个包含更复杂内容的iframe。不幸的是,iframe中的内容有另一个iframe。



请点击此处查看概览:



在我的场景中,查看完整的iframe内容非常有帮助,因此我们隐藏导航并将其内容大小更改为:





如果现在回到初始视图,iframe中的iframe不会改变大小:


这只在Safari移动版(iPad)OS 5.1上出现。在正常的Safari浏览器中,它按预期工作。
有没有人有类似的问题或想法发生在这里?



当然,解决方案会更好:)

如果这是一个只发生在Safari或iPad上的问题,您可以添加一些跨浏览器的CSS支持来告诉特定浏览器应该如何显示。我喜欢使用这一个



这允许你可以添加特定的css指令,如



。[os]。[browser] .mylink {font-weight:bold;

.iphone.safari .scrollingframe {css style}



希望这有助于。


I have a "simple" web application that has a navigation and a content area. Within the content area I have a iframe with more complex content. Unfortunately the content in the iframe has another iframe.

The get an overview look here:

.

In my scenario it is quite helpful to see the full iframe content, so we hide the navigation and change the content size on top of it:

If I go back now to initial view the iframe inside the iframe doesn't change the size:

This happend only on Safari mobile (iPad) OS 5.1. On normal Safari browser it works as expected. Does anyone have a similar problem or an idea what is happening here?

Of course a solution would be even better :)

解决方案

If this is an issue that only occurs in Safari or iPad you could add some cross-browser CSS support to tell the specific browser how it should appear. I like using this one

This allows you to add specific css instructions such as

.[os].[browser] .mylink { font-weight: bold; } -> without space between .[os] and .[browser]

.iphone.safari .scrollingframe {css style}

Hope this helps.

这篇关于Safari移动iframe与内部iframe大小问题的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆