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