html - 如何让 iframe 占据整个屏幕

Question

我想删除单个页面的 weebly 上的填充，以便自定义 html 元素将显示在整个屏幕上，而不是白色边缘。链接到网站

如果这是不可能的，那么我怎么能改变那个页面的背景呢？

Answer 1

/* Flexible iFrame */
 
.flexible-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
 
.flexible-container iframe,   
.flexible-container object,  
.flexible-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

<!-- Responsive iFrame -->
<div class="flexible-container">
<iframe src=""http://imcrafty.buycraft.net" width="100%" height="1050" frameborder="0" style="border:0"></iframe>
</div>

Answer 2

我弄乱了 html 并找到了解决方案，转到主题 > 编辑 Html/Css > 打开 main_style.css > 更改

#content {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  padding: 4.5em 2em;
    background: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}

至

#content {
  width: 100%;
  max-width: 1640px;
  margin: 0 auto;
  padding: 4.5em 2em;
    background: #ffffff;
  box-sizing: border-box;
  overflow: hidden;
}