Flex iframe在IE11中不会延伸

Mor*_*ori 5 html css iframe internet-explorer flexbox

以下iframe是弹性项目,应该拉伸并填充可用空间:

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Flex Iframe</title>
    <style>
        body {
            display: flex;
            margin: 0;
            height: 100vh;
        }
        span {
            background: green;
        }
        iframe {
            background: tan;
        }
    </style>
</head>

<body>
    <span>Hello, world!</span>
    <iframe></iframe>
</body>

</html>
Run Code Online (Sandbox Code Playgroud)

但在IE11中看起来并不合适:
DEMO

这是一个错误吗?什么是跨浏览器解决方案?

小智 7

这很简单:

iframe {
            min-height: 100%;
        }
Run Code Online (Sandbox Code Playgroud)

DEMO