使用 iframe 时，如何始终保持最大高度 Angular 4

Question

首先，使用Angular 4、bootstrap 3、html 5。

现在，我有一个 iframe <iframe src="http://test.test"></iframe> 样式

body {
    margin: 0;
}
iframe {
    display: block;
    border: none;
    height: 100vh;
    width: 100%;
}

当html弹出时，高度是正确的（而且我没有滚动条），但是当iframe页面的内容发生变化时，会出现滚动条。我的目标是永远不要在 iframe 中有滚动条。

EDIT1：已经尝试overflow: hidden;，不起作用。

EDIT2：我不希望内容溢出到父页面。

Answer 1

我有一个类似的问题，我添加了一个 js 脚本来获取完整的 innerHeight，试试这个，你也可以在窗口的加载上实现它（你可以使用 id，但我总是显示类示例，因为它可以使用多个次）：

<script>
    window.onresize = function() {
        var frame = document.getElementByClassName('myFrameClass')[0];
        frame.style.height = window.innerHeight;
    }
</script>

EDIT：必须在 iframe 标记上有 scrolling="no"，并且溢出：内部内容的隐藏 css 规则

Answer 2

尝试将overflow: hidden 添加到您的样式中。