使iframe的宽高比没有任何父级div

问题描述

在进行问题处理之前,让我先陈述一下自己的局限性:

a。我没有访问父div的权限,假设它始终具有宽度和/或高度。

b。我无法在iframe上使用position:absolute,因为如果这样做,我将无法在IFrame上设置width:100%,因为它可能不会占用父div的100%宽度。 (就我而言,它只占父页面的100%)

c。在IFrame中,无论我有多少,它的宽度x高度以16:9的比例显示,但是IFrame不能正确显示它,因为除非指定,否则IFrame的认高度为150px。它的宽度是适当的,因为它是来自父级div的宽度,我希望它的高度至少是最小的,以便它可以在父级允许该高度或父级允许的高度相同的情况下保持该比率。

现在,我已经查找了许多与此相关的问题/答案,但是鉴于这3个条件,它们都无法解决我的问题。

请告诉我是否还有其他方法

我的html:

<div>
<iframe  style="width:100%; height:100%;"  src= "something" frameborder=0 encrypted-media allowfullscreen></iframe>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)