Question

如果我没有指定任何尺寸，则iframe显得很小。如果我指定尺寸如下，那么它不适合不同的屏幕分辨率

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

有没有办法让iframe自动延伸到整个屏幕？

Answer 1

使用％

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

Answer 2

假设iframe没有小{祖先position: relative。

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

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

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>

如何在不指定尺寸的情况下使iframe适合整个屏幕？

3 个答案: