iframe自適應高度相容多種瀏覽器

1樓：

你的頁面上除了iframe之外還有什麼標籤? 我開發的系統主視窗就是使用iframe的頁面, iframe可以隨瀏覽器視窗自動更新高度，是將iframe嵌入table中，並都設定height=100%實現的(ie, firefox, chrome, opera上都可執行)。如下圖,

可以把你的頁面大概貼出來，我幫你試試看。

2樓：匿名使用者

你好，iframe自適應高度有多種方式可以實現。給你提供一種比較簡單的，以下**已經測試通過。

3樓：

你需要在你要設定的地方(如div 和你這個iframe width="??%" )的高度用百分比設定，不要用px什麼之類的，一定要用百分號去設定，然後你就可以看到效果了，不行追問吧≈

4樓：匿名使用者

那就不要用iframe, 用ajax把原先iframe中的內容load到父頁面中, 然後應該就能適應高度和寬度了

5樓：招財貓嶺

你好，建議你使用jquery jquery-iframe-auto-height 外掛效果比較好

然後就可以像這樣使用 jquery('iframe').iframeautoheight();

希望對你有幫助！

怎麼讓iframe自適應瀏覽器的高度和寬度

6樓：特特拉姆咯哦

1、在資料夾裡建立兩個html檔案，一個「index」一個「iframe」。

2、在index中新增一個iframe標籤，直接嵌入iframe頁面。

3、在iframe網頁中新增了兩個固定高度的div內容。

4、瀏覽器開啟index頁面我們發現iframe部分有滾動條，需要滾動顯示頁面。

5、現在我們在index頁面的iframe標籤再新增如下的屬性。

6、再次開啟index頁面iframe已經高度自適應了。

7樓：匿名使用者

寬度可以設定100%但高度用不行了，~ 可以通過jquery獲取下父級的高度，賦值給iframe $(ifra

8樓：兄弟連教育北京總校

700?fdh:700)">

iframe高度自適應，700為自己設定的iframe高度最低值，高度小於700的將以700顯示，大於700將以div自身高度來顯示。iframe高度最低值可以自己修改

9樓：愛皇室的

其他地方找來的自適應視窗高度，寬度應該100%就沒事了。

先在iframe放一句onload，以便一開啟就適應大小然後新增一段js**，就是那個onload事件響應的functionfunction changeframeheight()下面這個也放進js**，視窗resize事件的時候重新設定高度window.onresize=function()clientheight是整個視窗可顯示內容的高度，如果不止一個iframe或者還有div等容器，可以用clientheight減掉其他容器的高度。

win7 ie11測試沒問題

10樓：嘉文四世丶威威

讓iframe自適應瀏覽器的高度和寬度的具體步驟如下：

1、首先設定樣式：body。

2、如果不設定body的margin和padding為0的話，頁面上下左右會出現空白。html**如下：。

var ifm= document.getelementbyid("myiframe");

ifm.height=document.documentelement.clientheight;

iframe如何高度滿屏相容多瀏覽器

11樓：匿名使用者

看**：

在window.onload =函式（）

http://www.163.com 的」frameborder =「0」;滾動=「自動」對齊=「頂」劒=「0」偒=「0」>

12樓：匿名使用者

你qq多少，我直接發給你

iframe自適應高度相容多種瀏覽器

怎麼讓iframe自適應瀏覽器的高度和寬度

怎樣讓div高度自適應瀏覽器高度

怎麼讓div的高度自適應螢幕的高度

其他用戶還看了：