AI 助理
备案控制台
开发者社区 开发与运维 文章 正文

关于iframe自适应高的问题

2017-11-08 936
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
< DOCTYPE html PUBLIC -WCDTD XHTML StrictEN httpwwwworgTRxhtmlDTDxhtml-strictdtd>
找了好久，网上都是说在firefox下contentDocument.body.offsetHeight即可得到iframe中的那页的高度，可我试了n次都是无效的，最后通过firebug得到了contentDocument.documentElement.scrollHeight的高度有效，不知道网上那些牛人们为什么说contentDocument.body.offsetHeight即可得到iframe页的高度！在使用中contentDocument.documentElement.scrollHeight的高度居然不会动态变小，不管他了！暂时用contentDocument.body.offsetHeight解决高度自适应吧！有牛人如果有更好的方法，请联系我！My Msn:netcorner@live.com
本文转自 netcorner 博客园博客，原文链接：http://www.cnblogs.com/netcorner/archive/2008/02/19/2912228.html   ，如需转载请自行联系原作者
文章标签：
Web App开发
技术小牛人
目录
相关文章
阿珊和她的猫
|
8月前
|
前端开发 JavaScript UED
过渡效果的艺术：CSS transition 让网页交互更平滑（上）
过渡效果的艺术：CSS transition 让网页交互更平滑（上）
阿珊和她的猫
275 0
我是快乐的嘟嘟
|
2月前
|
前端开发 UED 容器
在 CSS 中使用 Flex 布局实现页面自适应时需要注意什么？
【10月更文挑战第22天】在使用 Flex 布局实现页面自适应时，需要对其基本原理和特性有深入的理解，同时结合具体的布局需求和场景，进行细致的调整和优化。通过合理的设置和注意事项的把握，才能实现理想的自适应效果，提升用户体验。还可以根据实际情况进行更深入的探索和实践，以不断提升 Flex 布局的应用能力。
我是快乐的嘟嘟
190 34
郑小健
|
6月前
|
编解码 前端开发 图形学
采用Canvas Scaler与锚点系统实现UI自适应多屏幕分辨率
【7月更文第10天】在游戏开发或应用设计中，确保用户界面（UI）能够在不同屏幕分辨率和纵横比上保持良好显示效果是一项基本要求。Unity 引擎通过其强大的 UI 系统，特别是 Canvas Scaler 和锚点系统，为开发者提供了实现这一目标的高效工具。本文将深入探讨如何结合使用这两个功能来创建自适应UI布局，以适配广泛的设备屏幕。
郑小健
294 0
疯狂的猿
|
8月前
自适应窗口图片轮播HTML代码
自适应窗口图片轮播HTML代码
疯狂的猿
56 2
自适应窗口图片轮播HTML代码
阿珊和她的猫
|
8月前
|
XML 前端开发 JavaScript
深入探究iframe：网页嵌入的魔法盒子（下）
深入探究iframe：网页嵌入的魔法盒子（下）
阿珊和她的猫
185 1
阿珊和她的猫
|
8月前
|
JavaScript 前端开发 安全
深入探究iframe：网页嵌入的魔法盒子（上）
深入探究iframe：网页嵌入的魔法盒子（上）
阿珊和她的猫
369 0
阿珊和她的猫
|
8月前
|
Web App开发 前端开发 JavaScript
过渡效果的艺术：CSS transition 让网页交互更平滑（下）
过渡效果的艺术：CSS transition 让网页交互更平滑（下）
阿珊和她的猫
102 0
DCodes
|
前端开发
CSS流动布局-页面自适应
CSS流动布局-页面自适应
DCodes
145 0
京茶吉鹿
|
前端开发
css实现自适应的三栏布局
css实现自适应的三栏布局
京茶吉鹿
89 0
科技小能手
嵌入iframe网页框架等比缩放代码
科技小能手
3293 0

热门文章

最新文章

  • 1
    多中心容灾实践：如何实现真正的异地多活？
  • 2
    持续定义SaaS模式云数据仓库+数据银行
  • 3
    charles抓包显示乱码解决方法
  • 4
    千亿美元规模，云计算的下半场将走向何方？
  • 5
    DSP_代码笔记（基于TMS320X281x）
  • 6
    TypeScript 泛型
  • 7
    又爱又恨的BOOTSTRAP
  • 8
    AngularJS中使用service，并同步数据
  • 9
    平板电脑进化论：从玩具到工具
  • 10
    屌丝程序员在夏始春末拍的罗曼史之夏婚系列---结婚了
  • 1
    【C语言程序设计——循环程序设计】求解最大公约数（头歌实践教学平台习题）【合集】
    37
  • 2
    【C++数据结构——栈与队列】顺序栈的基本运算（头歌实践教学平台习题）【合集】
    111
  • 3
    【C语言程序设计——循环程序设计】统计海军鸣放礼炮声数量（头歌实践教学平台习题）【合集】
    31
  • 4
    【C语言程序设计——循环程序设计】利用循环求数值 x 的平方根（头歌实践教学平台习题）【合集】
    31
  • 5
    【C++面向对象——类与对象】Computer类（头歌实践教学平台习题）【合集】
    32
  • 6
    【C++面向对象——类与对象】Computer类（头歌实践教学平台习题）【合集】
    29
  • 7
    【C++数据结构——图】最短路径（头歌教学实验平台习题） 【合集】
    32
  • 8
    【C++数据结构——树】二叉树的性质（头歌实践教学平台习题）【合集】
    26
  • 9
    【C++数据结构——树】哈夫曼树（头歌实践教学平台习题） 【合集】
    31
  • 10
    【C++面向对象——类与对象】CPU类（头歌实践教学平台习题）【合集】
    29

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册

    • 相关实验场景

    更多
  • 前端开发基础3：CSS3常见显示属性
    • 下一篇
    DataWorks智能交互式数据开发与分析之旅