2013-10-07 50 views
0

正在處理類似iGoogle的應用程序。來自其他應用程序(在其他域中)的內容使用iframe顯示。如何調整iframe的大小以適應iframes內容的高度?

如何調整iframe的大小以適應iframes內容的高度?

我試圖破譯JavaScript的谷歌使用,但它的混淆,搜索網絡迄今爲止沒有結果。

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

+0

我認爲你不能...... – reyaner

+0

要調整:http://stackoverflow.com/questions/819416/adjust-width-height-of-iframe-to-fit -with-content-in-it(同源策略適用) – Abhitalks

回答

2

解決方案 - 如果iframe來自同一個域,則將iframe高度展開至iframe內容主體高度。

由於您使用的是來自其他域的iframe,因此您的不能通過出於安全原因(您引用的同源策略)執行此操作。

這裏有一些好玩的方法,但不具備跨瀏覽器兼容性。

**更新: 看看這個鏈接可以幫助你以某種方式,使用JSONP

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

+0

也許與服務器端代理。 –

-1

做到這一點是使用CSS最簡單的方法。

過程:在您的網站內導入您的iframe,然後在您的css中添加要調整的類。

當您需要超越他們的css屬性元素之一時,只需使用!重要功能即可。

例子:

.fb-likes{ 
width:100% !important; 
} 
相關問題