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

How do I resize the iframes to fit the height of the iframes' content?

本文关键字：iframe 高度 调整 何调整      更新时间：2023-09-26

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

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

我试图破译谷歌使用的javascript，但它被混淆了，到目前为止，搜索网络是徒劳的。

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

如果 iframe 来自同一域，解决方案是将 iframe 高度拉伸到 iframe 内容正文高度。

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

有黑客的方法，但没有跨浏览器兼容性。

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

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

最简单的方法是使用 CSS。

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

当您需要过度使用他们的一个 css 属性元素时，只需使用 ！important 功能即可。

例： 

.fb-likes{
width:100% !important;
}
相关文章：