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

時間 2021-05-07 20:01:29

1樓:特特拉姆咯哦

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

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

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

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

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

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

2樓:匿名使用者

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

3樓:兄弟連教育北京總校

700?fdh:700)">

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

4樓:愛皇室的

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

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

win7 ie11測試沒問題

5樓:嘉文四世丶威威

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

1、首先設定樣式:body。

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

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

ifm.height=document.documentelement.clientheight;

如何使iframe自適應高度和寬度

6樓:蘑菇飯資訊

700?fdh:700)">

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

iframe 如何設定其自適應高度

7樓:笑喘是病得抽

在主頁面iframe的onload事件中執行js,去取得被包含頁的高度內容,然後去同步高度。

在**維護角度考慮,方法二是優於方法一的,因為方法一,每個被包含頁都要去引入一段相同的**來做這個事情,建立了好多副本。

如果只考慮fx和ie,並且,iframe裡面內容也不進行dom操作,那仍然可以用最簡單最方便的傳統處理方式:

兩個方法都只處理了靜的東西,就是隻在內容載入的時候執行,如果js去操作dom引起的高度變化,都不太方便。

8樓:匿名使用者

關鍵的就是要加上這句話就可以了

onload="this.height=info1.document.body.scrollheight"

html的frame框架怎麼自適應高度?

9樓:匿名使用者

這是html的frame框架屬性裡有個叫scrolling的屬性,它就是用來設定框架是否可以滾動的屬性

10樓:匿名使用者

用js控制框架高度與瀏覽器高度一致。function frameheight()window.onload = function()在框架上設scrolling="auto"這樣就可以了。

11樓:歪著嘴微笑

建議如果設計後臺oa佈局的頁面,比好用:

原因是直接就能實現瀏覽器寬高自適應(在沒有固定值的「*」值區域),缺點僅僅是與不能共存,需要文件孤立話去嵌入src,並且是框架父級,子級src去加連結。又開始結束標籤,巢狀關係反而更清晰一些。而且現在什麼不是分離的呢,css,js大家也都習慣了吧。

而做自適應就很麻煩了,最簡單的也需要一些屬性,而且用css或js做也都要涉及分離,最主要的是而且巢狀在body裡首先還是要有個值,並且本人親測無法放在子集下,只能放在.然後和一樣要去邊,鎖死,並保留滾動條什麼的屬性,樣式。

所以要是我,根本不希望被廢棄,要看用途做什麼。內聯做這種東西真的很不方便!就這種,如圖

用做起來就超級方便。

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

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

axure製作網頁怎麼讓他自適應不同電腦的解析度呢

江南皮革廠 axure原型可以做成線框的低保真原型和呈現出 效果的高保真原型,如果產品經理需要通過顏色對比等來展現出原型設計的效果時,就需要使用高保真的互動原型了。同時,可以將axure的原型檔案上傳至藍湖,可以實現手機上預覽,也可直接在藍湖上生成 給工程師使用 你也可以試試adaptive vie...

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

body html的高度都設定為100 然後用百分比設定div高度,div高度百分比是按他父元素算的,所以他父元素設定有高度他的百分比高度才有效。怎樣讓一個div高度自適應瀏覽器高度 讓一個div高度自適應瀏覽器高度的方法 1 獲取到window的innerheight clientheight根據...