前景提要
HDC调试需求开发(15万预算),能者速来!>>>
♣ 先说前提:
在响应式下要求引用站外的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 这些框架。