4
回答
这种复杂的iframe自适应如何做
滴滴云服务器,限时包月0.9元,为开发者而生>>>   

先说前提:

  • 在响应式下要求引用站外的iframe自适应其父窗口的大小。
  • 引用的站外iframe的宽度和高度是一固定值。

探讨:

先拿一个实物来说事吧!

比如下面这个iframe


<iframe frameborder="0" width="640" height="498" src="http://v.qq.com/iframe/player.html?vid=j0187bxjv1k&tiny=0&auto=0" allowfullscreen></iframe>

其宽和高分别是640和498,此iframe放在一div中,该div容器的宽度是100%它会随播放屏幕大小不同而变化。此时问题来了,因为iframe的宽高是一固定值,所以有时大于容器,有时小于容器。如何解决随容器大小的改变,iframe正好撑满容器中呢?

当然,重置一下iframe的宽和高是必须的,如iframe----->width:100%;可此时问题来了,高度的大小如何配置呢?当然用js来控制。

这里还有一个探讨问题的前提,那就是本题用js原生探讨而不用jquery这些框架。

举报
ziluopao
发帖于1年前 4回/281阅
顶部