|
|
今日遇到的自適應(yīng)問題與以往有一些不同，這次的src是一張圖片，而且是一張大小不確定的圖片（從數(shù)據(jù)庫取出來的數(shù)據(jù)生成的），在此使用以往的方式似乎就沒有那么靈驗(yàn)了。突然想到img標(biāo)記的高寬是可以獲取到的。于是突然有了思路。
解決辦法如下：
先動態(tài)生成一個img元素，在iframe頁面加載完成時(onload)將其src賦給img標(biāo)記，然后獲取該img的高寬，再動態(tài)修改iframe高寬即可，同時不要忘了設(shè)定iframe頁面body的margin和padding為0，否則會由于padding和margin默認(rèn)不為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)系我們修改或刪除，多謝。
