IFrame自适应大小（全屏已实现）

近日做项目中用到页面中嵌套iframe，想要实现自适应大小，并且在IE中按F11键全屏时也可以自适应大小。

在网上搜来的代码多数只适应页面中只有单个iframe情况，但笔者页面还有一个logo图片。

经反复实现，如下代码可实现：

 

 

1、页面加载实现：iframe的onload事件，之所以减去84，是logo图片的高度，把这个位置给让出来。

2、全屏实现：window.onresize事件

document.getElementById('frame3d').style.height = document.body.clientHeight - 84+"px";