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

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

演示地址:http://www.gzhpw.com/quan/hongyanjiayuan.htm

本文由 蓝洛水深 作者:蓝洛水深 发表,其版权均为 蓝洛水深 所有,文章内容系作者个人观点,不代表 蓝洛水深 对观点赞同或支持。如需转载,请注明文章来源。
1

发表评论