嵌入的iframe框架自适应宽度代码

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了嵌入的iframe框架自适应宽度代码相关的知识,希望对你有一定的参考价值。

    今天在给客户做一个提取底部,插入了一个从网上下载的头部代码,由于插入的框架底部没有自适应,我这边电脑打开看着没事,发给对方,底部小了,原因是对方的电脑比自己要宽,下面由魅力网络为大家解决这个问题 

    解决办法是:让插入的iframe框架代码自适应浏览器的宽度 

<iframe id="frame_content" src="dibu.html" scrolling="no" frameborder="0" onload="this.height=500" width="100%" height="100%" name="dibu"></iframe>

网络参考代码

大家也可以下载我的调试好的源代码


以上是关于嵌入的iframe框架自适应宽度代码的主要内容,如果未能解决你的问题,请参考以下文章

怎么让iframe自适应浏览器的高度和宽度

如何让iframe里面的内容宽度自适应

HTML,VUE,嵌入iframe,实现iframe的100%高度和宽度,代码分享

iframe如何自适应高度,父页面嵌入子页面

iframe如何自适应高度,父页面嵌入子页面

vue下iframe怎么自适应高度