對於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就可以了