Question

我想删除单个页面上的填充，以便自定义html元素将显示在整个屏幕上而不是具有白色边缘。 Link to the website

如果无法做到这一点，那么我怎样才能改变该页面的背景？

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并找到了解决方案，转到主题＆gt;编辑Html / Css＆gt; open main_style.css＆gt;改变

#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;
}

如何使iframe占据屏幕的整个部分

2 个答案: