今天在处理另一个项目时,需要iframe 嵌套哔哩哔哩的视频,按哔哩哔哩的分享按钮直接粘贴嵌入html。结果问题来了,PC端显示的尺寸极小,移动端页面尺寸正常。
为了兼顾所有用户,所以必须得调整,云站友也尝试了多种方法,有嵌套中在嵌套的,各种各样的都有,云站友这里分享个简单粗暴的:
<iframe id="video" src="https://www.yunzhanyou.com" width="100%" frameborder="0" allowfullscreen="allowfullscreen"></iframe> <script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>
注意:src=“你的框架地址”,自行修改!这两段够粗暴,直接复制粘贴就能完美解决iframe尺寸问题。来张成品图吧
评论前必须登录!
立即登录 注册