等于100％的高度对IFrame不起作用

以下有关Stack Overflow的一些主题，如：

全屏iframe的高度为100％

你如何给iframe 100％的身高[复制]

使Iframe适合容器剩余高度的100％

我想在我的网页上嵌套iframe。 我使用bootstrap来设计网页风格，所以我使用了以下代码：

<div class="col-sm-6" style="margin:0px;padding:0px;overflow:hidden">
    <iframe id="iFrame1" src="<test_link_here>" frameborder="0" style="overflow:hidden;height:100%;width:100%" height="100%" width="100%"></iframe>
</div>

不幸的是，我的iframe没有调整到全高。 我想以某种方式自动调整到全高。 你知道我怎么能实现它吗？

---

你想要的东西实际上可以通过改变height : 100%;来完成height : 100%; 值到height : 100vh; .The VH是一个叫ViewHeight单元，并且整个屏幕的高度实际上是100vh;

这是一篇关于Mozilla团队长度单位的文章。

试试这个代码：

<div class="col-sm-6" style="margin:0px;padding:0px;overflow:hidden">
    <iframe id="iFrame1" src="http://www.stackoverflow.com" frameborder="0" style="overflow:hidden;height:100vh;width:100%; border : 1px solid red;"></iframe>
</div>

链接地址: http://www.djcxy.com/p/88267.html

上一篇: Height equal to 100% is not working for IFrame

下一篇: iframe inside div height fixed