iframe页面自适应宽高经验

最新推荐文章于 2024-07-06 10:15:56 发布

海阳之新

最新推荐文章于 2024-07-06 10:15:56 发布

阅读量429

点赞数

分类专栏： HTML5 文章标签： iframe自适应

本文链接：https://blog.csdn.net/vsiryxm/article/details/50249591

版权

HTML5 专栏收录该内容

20 篇文章 0 订阅

订阅专栏

网站最终页中有一个iframe，内容是直接嵌入第三方视频网页，但自适应问题调整了好几次没得到解决，最终在同事那解决了，留作学习并借鉴。

<script>
$(function(){
	var mainheight = $(document).contents().height();
	var mainwidth = $(document).contents().width();
	$("#main").attr('height',mainheight);
	$("#main").attr('width',mainwidth);
})
</script>

<iframe id="main"  frameborder="no" border="0" marginwidth="0" marginheight="0" scrolling="no" allowtransparency="yes" src="<?php echo $url?>"></iframe>