实现iframe的100%高度和宽度

Posted muzizongheng

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了实现iframe的100%高度和宽度相关的知识,希望对你有一定的参考价值。

body margin: 0; /* Reset default margin */ iframe display: block; /* iframes are inline by default */ background: #000; border: none; /* Reset default border */ height: 100vh; /* Viewport-relative units */ width: 100vw; <iframe></iframe>

以上是关于实现iframe的100%高度和宽度的主要内容,如果未能解决你的问题,请参考以下文章

如何将 iframe 高度和宽度设置为 100%

如何使 html iframe 100% 的宽度和高度? [复制]

像图像一样缩放 iFrame css 宽度 100%

CSS 背景图宽度100% 高度自适应

iframe 视频宽度、高度全屏播放,用width="100%" height="100%"没有效果

HTML/CSS的自适应高度问题。 我觉得宽度问题可以设置为100%,但是高度问题如何解决就是个悲剧了。