如何調整iframe的大小以適合iframe內容的高度？

Question

正在開發類似iGoogle的應用程序。 使用iframe顯示其他應用程序（在其他域上）的內容。

如何調整iframe的大小以適合iframe內容的高度？

我試圖破譯Google使用的javascript，但是它被混淆了，到目前為止，在網絡上搜索毫無結果。

更新：請注意，內容是從其他域加載的，因此適用同源策略。

Answer 1

解決方案-如果iframe來自同一域，則將iframe的高度拉伸到iframe內容主體的高度。

由於您使用的是來自其他域的iframe，因此出於安全原因（引用的同源策略），您無法執行此操作。

有多種方法，但不能與跨瀏覽器兼容。

**更新：使用JSONP查看此鏈接是否對您有幫助：

Answer 2

最簡單的方法是使用CSS。

流程：將iframe導入網站內，然后在CSS中添加要調整的類。

當您需要改正其CSS屬性元素之一時，只需使用！important功能。

例：

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