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