欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

iframe调用其他网站自适应

程序员文章站 2022-06-12 12:30:30
...
 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
  	    <meta http-equiv="Cache-Control" content="no-siteapp">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
		<title></title>
		<style type="text/css">
			body{
				margin:0;
				padding:0;
				overflow: hidden;
				}
		</style>
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script type="text/javascript">
			
		
		$(function(){
			changeWH();
 		});
 
		function changeWH(){
	 
			$("#myiframe").height($(document).height());
			$("#myiframe").width($(document).width());
		}
	 
		window.onresize=function(){  
			 changeWH();  
	 
		} 
 
		</script>
	</head>
	<body>
		
		<iframe src="http://2018-10.oss-cn-hangzhou.aliyuncs.com/zcjr/index.html" id="myiframe"  frameborder="0">
		</iframe>
		
	</body>
</html>

 

 

相关标签: iframe