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

共计 1824 个字符，预计需要花费 5 分钟才能阅读完成。

做下笔记，在调用 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>