Question

我有一种情况，我有一个iframe我无法操纵它的高度。我的意思是iframe的固定高度为1000px，我不允许对其进行更改。所以我要做的就是让内容以某种方式适应iframe。我该如何存档？我是CSS的新手。谢谢！

<iframe style="height:1000px" src="http://www.w3schools.com">
    <div class="content"> 
       <div class="redDot"></div>
    </div>
</iframe>

Answer 1

你可以尝试这段代码吗？

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Document</title>
  <style>
    html,body{
      width: 100%;
      height: 100%;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      overflow: hidden;

    }
    iframe {
      width: 100%;
      height: 100%;
    }
  </style>
</head>
<body>
  <iframe src="http://www.w3schools.com" frameborder="0"></iframe>
</body>
</html>

iframe内容不合适

1 个答案: