所以是的,我已经在这里做了一些研究,没有找到一个好的解决方案。 我试图将2个iframe放入1. JSfiddle here: https://jsfiddle.net/g1v99z62/
<!doctype html>
<html>
<head>
<title>XD | ICT | Monitoring</title>
<style>
body {
background-color: #343535;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #ffffff;
font-size: 14px;
}
h2 {
font-weight: bold;
}
#servid {
background-color: #F5F5F7;
padding: 5px;
color: #343535;
display: inline-block;
margin-bottom: 1px;
}
iframe {
margin-top: 0px;
width: 100%;
height: 500px;
}
#iframecpu {
margin:0;
padding:0;
width:100%;
height:100%;
}
#iframeram {
margin:0;
padding:0;
width:100%;
height:100%;
}
</style>
</head>
<body>
<div id="servid">
WELCOME
</div>
<br />
<div id="iframecpu">
<iframe src="http://www.google.com"></iframe>
</div>
<br />
<div id="iframeram">
<iframe src="http://www.yahoo.com"></iframe>
</div>
</body>
</html>
我检查了一切两次..但它没有显示内容.. 那是为什么?
我还在做什么? (除了首先使用iframe。但这只是一个页面,所以我可以监控多个图表,这些图表发布在不同的网址上。所以请不要使用iframe拍摄我。)
答案 0 :(得分:0)
这一项工作:
<!doctype html>
<html>
<head>
<title>XD | ICT | Monitoring</title>
<style>
body {
background-color: #343535;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
color: #ffffff;
font-size: 14px;
}
h2 {
font-weight: bold;
}
#servid {
background-color: #F5F5F7;
padding: 5px;
color: #343535;
display: inline-block;
margin-bottom: 1px;
}
iframe {
margin-top: 0px;
width: 100%;
height: 500px;
}
#iframecpu {
margin:0;
padding:0;
width:100%;
height:100%;
}
#iframeram {
margin:0;
padding:0;
width:100%;
height:100%;
}
</style>
</head>
<body>
<div id="servid">
WELCOME
</div>
<br />
<div id="iframecpu">
<iframe name="iframe1" src="https://jsfiddle.net/">
<p>Your browser does not support iframes.</p>
</iframe>
</div>
<br />
<div id="iframeram">
<iframe name="iframe2" src="https://jsfiddle.net/">
<p>Your browser does not support iframes.</p>
</iframe>
</div>
</body>
</html>
&#13;
只是为了确保它不是浏览器,这个问题就是您选择的网站。 (谷歌和雅虎)