您现在的位置是:首页 >

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

火烧 2021-09-20 10:23:58 1053
怎么让iframe自适应浏览器的高度和宽度 让iframe自适应浏览器的高度和宽度的具体步骤如下:1、首先设置样式: ody{margi :0 addi g:0 }。2、如果不设置 ody的margi

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

让iframe自适应浏览器的高度和宽度的具体步骤如下:

1、首先设置样式:body{margin:0; padding:0;}。

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

2、如果不设置body的margin和padding为0的话,页面上下左右会出现空白。

代码如下:<iframe src=://fulibac id="myiframe" scrolling="no" frameborder="0"></iframe>。

3、这个方法可以达到让iframe自适应高度的效果,但是如果将窗口放大或缩小效果就不出来了,也就是本文开头讲的。

需要再次刷新,那就不属于自适应了。

代码是:

var ifm= document.getElementById("myiframe");

ifm.height=document.documentElement.clientHeight;

  
永远跟党走
  • 如果你觉得本站很棒,可以通过扫码支付打赏哦!

    • 微信收款码
    • 支付宝收款码