Question

我想将一个iframe放到我的页面上，并在其上方放一个div以返回到特定页面，但是，我似乎无法使iframe进入全屏显示（高度：100％，宽度： 100％）。有什么办法可以使iframe进入全屏状态？

我已经尝试过使用jquery将高度设置为窗口高度，但是，它不起作用。

<style>    
    iframe {
      height:100%;
      width:100%;
    }

    .goback {
      width:100%;
      background-color:transparent;
      transition:.5s;
      position: absolute;
      z-index:3;
    }

    .goback img {
      padding:5px;
    }

    .goback:hover {
      background-color:white;
    }
</style>
<body>
    <div class="goback">

        <img src="../../assets/goback.png" alt="goback" height="50px" width="50px" />

    </div>

    <iframe src="https://music.youtube.com/"></iframe>

</body>

Answer 1

使用视口宽度和高度而不是百分比

$ gcc -Ilib -c ./lib/error_functions.c
$ gcc -Ilib -c seek_io.c
$ gcc -o seek_io seek_io.o error_function.o

Answer 2

您应该修改css（将边距设置为0，将iframe定位为绝对，并将边框设置为0）

示例：

body {
  margin: 0;
}

iframe {
  position: absolute;
  top: 0;
  left: 0;
  height:100%;
  width:100%;
  border: 0;
}

Answer 3

使用

 width:100%; height:100vh;

iframe的。

有没有办法让iframe全屏显示？

3 个答案: