首页 文章

如何调整iframe的大小以适应iframe内容的高度?

提问于
浏览
0

我正在开发类似iGoogle的应用程序 . 来自其他应用程序(在其他域上)的内容使用iframe显示 .

如何调整iframe的大小以适应iframe内容的高度?

我试图破译谷歌使用的javascript,但是它被混淆了,到目前为止搜索网络已经没有结果 .

更新:请注意,内容是从其他域加载的,因此适用同源策略 .

2 回答

  • -1

    解决方案 - 如果iframe来自同一个域,则将iframe高度拉伸到iframe内容主体高度 .

    由于您使用的是其他域名的iframe,因此出于安全原因(您引用的同源政策),请执行此操作 .

    有一些hacky方式,但没有跨浏览器兼容性 .

    **更新:使用JSONP查看此链接是否以某种方式帮助您:

    http://www.codeproject.com/Articles/42641/JSON-to-JSONP-Bypass-Same-Origin-Policy

  • 2

    最简单的方法是使用CSS .

    处理:在您的网站中导入您的iframe,然后在您的CSS中添加要调整的类 .

    当您需要过度使用其中一个css属性元素时,只需使用!important功能即可 .

    Example:

    .fb-likes{
    width:100% !important;
    }
    

相关问题