移动端 iframe的使用


对于iframe的设定有几个css属性常用
overflow:hidden;width:100%;当这样使用inframe内部中使用overflow,iframe会被撑开,导致width与overflow配合失效,例子(空了再写)
解决办法:iframe中的body设定与iframe同样的width(但不能100%必须是固定的px)

iframe自适应高度,仅修改iframe代码,不用对其他页面进行修改

var iframes = window.parent.parent.document.querySelectorAll("iframe");
    var this_href = window.location.href;
    for (var i = iframes.length - 1; i >= 0; i--) {
      if (iframes[i].src === this_href) {
        iframes[i].style.height = $(document.body).height() + 'px';
        iframes[i].style.width = iframe_width + 'px';
        iframes[i].style.border = '0';
      }
    }

先检索出当前的iframe在父页面的元素出来,然后js操作他的css就可以了


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM