html – Flex iframe在IE11中不伸展_html-js-css

概述以下iframe是一个d性项目,应该拉伸并填充可用空间： <!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>Flex Iframe</title> <style> body { display: flex; margin: 0; 以下iframe是一个d性项目,应该拉伸并填充可用空间：

<!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>

但在IE11中它看起来不正确：
DEMO

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

解决方法这很简单：

iframe {            min-height: 100%;        }

DEMO

总结

以上是内存溢出为你收集整理的html – Flex iframe在IE11中不伸展全部内容，希望文章能够帮你解决html – Flex iframe在IE11中不伸展所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/web/1081655.html

html – Flex iframe在IE11中不伸展

发表评论

评论列表（0条）