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

Question

正在开发类似iGoogle的应用程序。来自其他应用程序（在其他域上）的内容使用iframe显示。

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

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

更新：请注意，内容是从其他域加载的，因此适用同源策略。

Answer 1

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

由于您使用的是来自其他域名的iframe，因此出于安全原因（您引用的同源政策）， 不能执行此操作。

有一些hacky方式，但没有跨浏览器兼容性。

**更新： 使用JSONP：

查看此链接是否以某种方式帮助您

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

Answer 2

最简单的方法是使用CSS。

处理：在您的网站中导入iframe，然后在CSS中添加要调整的类。

当您需要过度使用其中一个css属性元素时，只需使用！important功能。

示例：

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