iframe高度宽度自适应
2016-09-08 10:51
288 查看
<!DOCTYPE html>
<html>
<head>
<title>iframe宽度高度自适应</title>
</head>
<body id="body" height="100%">
<script type="text/javascript">
//设置body高度为浏览器高度，当然也可以不设置
document.getElementsByTagName('body')[0].style.height = window.innerHeight+'px';
</script>
<!--iframe的高度设置为父元素的高度即可实现高度自适应-->
<!--这边以body为父元素，当然也可以以div之类的元素为父元素-->
<iframe name="Info1" id="Info1" src="http://www.baidu.com" onload="this.height=body.offsetHeight" width="100%" scrolling="true" frameborder="0"></iframe>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- iframe自适应宽度和高度，没有滚动条
- iframe自适应高度和宽度
- 如何使iframe自适应高度和宽度
- jquery库实现iframe自适应内容高度和宽度
- javascript原生和jquery库实现iframe自适应高度和宽度
- js控制iframe的高度/宽度让其自适应内容
- jquery库实现iframe自适应内容高度和宽度
- iframe的宽度和高度自适应
- iframe自适应宽度和高度
- iframe 自适应宽度和高度
- js控制iframe的高度/宽度让其自适应内容
- iframe宽度自适应 并按比例调整高度
- iframe 自适应高度和宽度
- js控制iframe的高度/宽度,自适应内容
- 简单的iframe自适应高度和宽度
- iframe高度宽度自适应
- iframe自适应高度和宽度 全css实现无javascript
- js控制iframe的高度/宽度,自适应内容。
- iframe自适应宽度、高度 ie6 7 8，firefox 3.86下测试通过
- iframe自适应宽度和高度