试了一圈方法都不好使,结果最后用的就是它本身的 width 和 height 属性啊
1、定义一个父div 铺满屏幕
2、定义 iframe 的 width 和height 为 100%
代码如下
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>系统日志</title>
<style>
*{
margin: 0;
padding: 0;
}
html,body{
width: 100%;
height: 100%;
}
.container{
width: 100%;
height: 100%;
}
</style>
</head>
<body>
<div class = "container" >
<!-- <iframe src="http://172.18.199.243:5601/app/kibana#/dashbord/Filebeat-syslog-dashboard?embed=true&_g=()" height="600" width="800"></iframe>-->
<iframe src ="http://www.baidu.com" id="info-frame" width="100%" height="100%" ></iframe>
<!-- <iframe src="http://www.baidu.com" frameborder="0" scrolling="no" id="info-frame" onload="setIframeHeight(this)"></iframe>-->
</div>
</body>
</html>