如何让iframe高度自适应

  • 原创
  • |
  • 浏览： 28186
  • |
  • 更新：
分步阅读

iframe高度自适应可以让嵌入网页内容更好的展示出来，要让iframe高度自适应需要在其标签中添加设置相应的属性，禁用滚动面板，设置iframe高度等于嵌入的网页高度。

如何让iframe高度自适应

方法/步骤

  1. 1

    在文件夹里创建两个html文件，一个“ index ”一个“ iframe ”。

    如何让iframe高度自适应
  2. 2

    在index中添加一个iframe标签，直接嵌入 iframe页面 。

    如何让iframe高度自适应
  3. 2
    相关内容未经许可获取自百度经验
  4. 3

    在iframe网页中添加了两个固定高度的div内容。

    如何让iframe高度自适应
  5. 4

    浏览器打开index页面我们发现iframe部分有滚动条，需要滚动显示页面。

    如何让iframe高度自适应
  6. 5

    现在我们在index页面的iframe标签再添加如下的属性。

    name="ifd"

    onload="this.height=ifd.document.body.scrollHeight"

    width="100%" scrolling="no"

    frameborder="0"

    如何让iframe高度自适应
  7. 6

    再次打开index页面iframe已经高度自适应了。

    如何让iframe高度自适应
    END
经验内容仅供参考，如果您需解决具体问题(尤其法律、医学等领域)，建议您详细咨询相关领域专业人士。
作者声明： 本篇经验系本人依照真实经历原创，未经许可，谢绝转载。
展开阅读全部