笔记：全屏自适应网页调用框架源码

做下笔记，在调用720云数据的时候，发现定义了100%的话在手机端是不能自适应移动端数据，修改代码后，框架调用数据能完美兼容各端：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="robots" content="noindex,nofollow"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <title>祥子作品：贵阳红岩桥佳园小区720度全景漫游 - 贵州航拍网 - www.gzhpw.com</title> <style> html,body{ font-size:12px; overflow:hidden } body{ padding:0 0 0 0; font-size:12px; margin:0; height:100%; } #barframe{ width:100%; height:100%; z-index:3; position:absolute } </style> </head> <body> <iframe noresize="noresize" frameborder="0" src="http://720yun.com/t/4d827wb6cci" id="barframe"></iframe> </body> </html>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="robots" content="noindex,nofollow">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>祥子作品：贵阳红岩桥佳园小区720度全景漫游 - 贵州航拍网 - www.gzhpw.com</title>
<style>
html,body{
font-size:12px;
overflow:hidden
}
body{
padding:0 0 0 0;
font-size:12px;
margin:0;
height:100%;
}
#barframe{
width:100%;
height:100%;
z-index:3;
position:absolute
}
</style>
</head>
<body>
<iframe noresize="noresize" frameborder="0" src="http://720yun.com/t/4d827wb6cci" id="barframe"></iframe>

</body>
</html>