移动端 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就可以了

posted @ 2016-11-10 17:51  Silababy  阅读(4838)  评论(0编辑  收藏  举报