对于iframe的设定有几个css属性常用
overflow:hidden;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就可以了