2014-08-29 103 views
0

我正在構建包含iframe的頁面對iframe高度的更改

iframe可以在頁面生命期間更改其高度。

我想知道是否有可能將我的iframe的高度調整爲其內容的高度。

我試着給高度屬性「自動」或「100%」的iframe,但它不工作。有沒有另一種CSS可能的解決方案

我想我因跨字號請求而無法使用JavaScript。

+0

這裏看看http://stackoverflow.com/questions/4513266/detect-iframe-content-height-change – Rex 2014-08-29 10:08:05

+0

@Rex感謝您的參考,但我不能使用,由於跨源請求 – marcosh 2014-08-29 10:13:54

+0

JS現在有辦法以某種方式獲得iFrame的高度,如果它是跨越原點的話。 – Kevkong 2014-08-29 10:50:47

回答

-2

是的iframe中有不同的高度屬性。

<style type="text/css"> 

iframe { 

max-height: 500px; 
min-height: 300px; 
} 

</style> 
+0

這只是說高度不能低於300px,大於500px,並不是它適應其內容高度 – marcosh 2014-08-29 11:23:49

+0

只需嘗試使用max-height:100px; – Nikita 2014-08-29 11:25:40

+0

嘗試過,沒有按預期工作 – marcosh 2014-08-29 11:28:10