iframe宽高自适应

最新推荐文章于 2023-05-23 10:13:14 发布

missby2016

最新推荐文章于 2023-05-23 10:13:14 发布

阅读量6k

点赞数 1

分类专栏：生活中的小错误文章标签： iframe iframe自适应

本文链接：https://blog.csdn.net/missby2016/article/details/61422432

版权

生活中的小错误专栏收录该内容

4 篇文章 0 订阅

订阅专栏


<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<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.οnresize=function(){  
         changeWH();  

    } 

		</script>
	</head>
	<body>
		
		<iframe src="http://www.taobao.com" id="myiframe"  frameborder="0">
		</iframe>
		
	</body>
</html>

之前要在一个页面展示另外一个页面的内容，就用了iframe，网上看了好多人写的最后自己又改了些写的这个，结果同学告诉我有个大神直接用css实现的，我都惊呆了～

链接在这：http://blog.csdn.net/nebear/article/details/51984368

missby2016

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
iframe宽高自适应

body{ margin:0; padding:0; overflow: hidden; } $(function(){ changeWH(); }); function changeWH(){ $("#myiframe").height($(document).height());
复制链接

扫一扫