iframe去滚动条+自适应屏幕大小

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iframe去滚动条+自适应屏幕大小相关的知识,希望对你有一定的参考价值。

iframe去滚动条

<iframe name="myFrame" id="myFrame" frameborder="0" src="tab.action" style="margin:0 auto;width:100%;height:100%;" scrolling="no"></iframe>

 

iframe自适应屏幕大小

function resetIframeScreen(){
    var myFrame= document.getElementById("myFrame");
    var bheightT = document.documentElement.clientHeight;
    myFrame.style.width = ‘100%‘;
    myFrame.style.height = (bheightT  - 50) + ‘px‘;
}
resetIframeScreen();
window.onresize=function(){  
    resetIframeScreen();
};

 

以上是关于iframe去滚动条+自适应屏幕大小的主要内容,如果未能解决你的问题,请参考以下文章

css 怎么让自适应屏幕大小,不出现滚动条呢

iframe高度自适应,终于解决了

去掉iframe默认滚动条后影响正常滚动以及js解决高度自适应。

如何使iframe自适应内容的高度且不出现滚动条 问题解决后再加10分

iframe,已实现自适应高度,浏览器若没有全屏,则高度变小,内容只显示部分,无滚动条,怎么解决?

真正解决iframe高度自适应问题