如何使iframe充满整个屏幕而无需指定尺寸？

Question

如果我不指定任何尺寸，iframe 就会显得非常小。如果我按照以下方式指定尺寸，则它无法适应不同屏幕分辨率的缩放。

<iframe name="report"style="height:1200px;width:800px;">

有没有一种方法可以自动让iframe占据整个屏幕？

- deltanovember

Answer 1

使用百分号 %

<iframe name="report" height="100%" width="100%"></iframe>

- checkenginelight

---

这对于 Bootstrap 模态框内的 iframe 不起作用。 - Beingnin

实际上是可以的。你可能犯了和我最初一样的错误，以为在CSS中定义与直接编写iframe标签会有相同的响应。 - Abandoned Cart

Answer 2

假设 iframe 没有相对定位的小祖先元素。

<iframe name="report"style="position: absolute; top: 0; right: 0; bottom: 0: left: 0;">

您还应考虑使用外部样式表。

- alex

---

这个 iframe 现在看起来很小，我做错了什么吗？<iframe name="report" src="s.html" style="position: absolute; top: 0; right: 0; bottom: 0: left: 0;"> - deltanovember

@deltanovember：没有。你有它的实时链接吗？ - alex

很遗憾，这只能供内部使用。 - deltanovember

Answer 3

<div style="overflow: hidden;position: relative; height:200px;"  >
      <iframe class="" rel="nofollow" style="height: 800px; width:1400px; transform: scale(0.294167) !important; transform-origin: 0px 0px;" frameborder="0" scrolling="no" 
      src="your iframe link"></iframe></div>

- Expert Suggestion

---

谢谢，这正是我在寻找的，即使问题并不完全是关于这个的。 - undefined