|
今日遇到的自適應(yīng)問題與以往有一些不同,這次的src是一張圖片,而且是一張大小不確定的圖片(從數(shù)據(jù)庫取出來的數(shù)據(jù)生成的),在此使用以往的方式似乎就沒有那么靈驗了。突然想到img標(biāo)記的高寬是可以獲取到的。于是突然有了思路。
解決辦法如下:
先動態(tài)生成一個img元素,在iframe頁面加載完成時(onload)將其src賦給img標(biāo)記,然后獲取該img的高寬,再動態(tài)修改iframe高寬即可,同時不要忘了設(shè)定iframe頁面body的margin和padding為0,否則會由于padding和margin默認不為0的緣故導(dǎo)致出現(xiàn)滾動條。
[Ctrl+A 全選 注:如需引入外部Js需刷新才能執(zhí)行]
JavaScript技術(shù):iframe src為圖片時的高度自適應(yīng)的代碼,轉(zhuǎn)載需保留來源!
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。