zoukankan      html  css  js  c++  java
  • IFrame自适应大小(全屏已实现)

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

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

    经反复实现,如下代码可实现:

     

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

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

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

  • 相关阅读:
    调试某狐木马驱动被杀后系统卡死开机
    情景剧:C/C++中的未定义行为(undefined behavior)
    汇编概念辨析(Intel/AT&T syntax、GAS、NASM)
    软考准考证打印设置(IE1909)
    基于redis的分布式锁 RedissonLock解锁异常解决
    深入理解synchronized
    单利模式
    归并排序
    旧电脑硬盘回收
    萤石、乐橙、3D
  • 原文地址:https://www.cnblogs.com/whisht/p/2251817.html
Copyright © 2011-2022 走看看