如何解决使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 举报,一经查实,本站将立刻删除。