<!DOCTYPE html>
<html>
<head>
<meta charset="gb2312">
<title>iframe宽高自适应</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://www.292888a.com/wcs/index.htm" id="myiframe" frameborder="0"> </iframe>
</body>
</html>评论列表:
gebbs
评论于2020-10-03 11:42:43
快递代发，礼品代发，快递单号购买大全www.kuaidi5u.com - 回复该评论
发表评论:
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。
相关文章
iframe中优酷不能全屏的解决办法2019-05-28
响应式页面根据屏幕添加代码的方法2019-04-23
jquery resize屏幕宽度判读语句2018-10-31