前端学堂(好切网)-Web前端开发,网页切图教程分享平台
前端学堂(好切网),PS网页切图,专业WEB前端外包网站
您的位置:首页 > 前端学堂 > JavaScript

如何设置iframe在移动端中的宽高自适应

2017-07-21 10:22:11分类:JavaScript阅读(268)

<iframe class="box01" src="url" frameborder="0" allowfullscreen></iframe>

 
<script>
$(window).on('load resize',function(){
var ww = $(window).width();
var box01w = ww;
$(".box01").width(box01w);
$(".box01").height(box01w*400/300);
})   
</script>
 
其中,视频的宽高各 400px,和300px。
 
此方法不需要刷新,页面加载后iframe自动地宽高自适应。
 
原文链接:http://www.hqhtml.com/javascript/37.html,出自好切网(前端学堂),转载请注明出处。
标签:
相关阅读 ~
推荐文章

© 2016 好切网(hqhtml.com) 长春诺阳科技有限公司(网页前端切图) 版权所有 吉ICP备15007500号