iframe 高度自适应, js控制iframe 高度自适应, iframe自适应高度
================================
©copyright 蕃薯耀 2019年12月31日
http://fanshuyao.iteye.com/
方法一:js控制iframe 高度自适应
这个方法之前一直都在用,没有问题,但最新发现有些情况不行(具体原因不清楚)
方法二:html代码控制
在方法一不生效的时候,使用了方法二。
头部的html不需要任何的声明,都去掉,如下面代码所示:
上面如果能自适应,就不需要下面的;如果上面还不自适应,需要设置
1、body样式中的 overflow: hidden; 绝对不对省略;
2、iframe 中的 height='100%' 以及 滚动条不能设为no(默认是yes,不用设置即可)
方法三:同样是js控制(未验证)
原理:
iframe页面的内容利用一个<div id="iframecontent">进行包裹,div会自适应内部高度,因此,可以通过div实现子页面高度的获取。
iframe页面
父页面(嵌入iframe的页面)增加js:
方法四:同样是js控制(未验证)
================================
©copyright 蕃薯耀 2019年12月31日
http://fanshuyao.iteye.com/
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
css3 flex布局 justify-content:space-between 最后一行左对齐
网友评论