Question

我目前正在开展我的考试项目，正在构建一个wordpress主题（我已经为CodePen转换为HTML）。

它正在工作，但遗憾的是我用于我的播客的所有iframe卡在一个固定的高度而不是像我想的那样填写。我尝试了很多来解决这个问题，但无法解决这个问题。

可以在 https://codepen.io/Puffss/pen/weWPmW

主要是关于

＆＃13;

iframe {
  background: url(img/placeholdersoundcloud.jpg);
  background-size: cover;
  width: 18%;
  height: 50%;
  float: left;
  margin: 0% 1% 0.6% 1%;
}

＆＃13;

<iframe width="640" height="400" scrolling="no" frameborder="no" src="./SpaarnestadPhoto Exposities_files/saved_resource.html"></iframe>

＆＃13;

请注意：这是生成为单个网页的代码wordpress，因此iframe中存在奇怪的代码和缺失的链接。

Answer 1

将此添加到您的css

iframe{
  height:50% !important;
  width: 600px;
}

它将覆盖所有标记<iframe>

所需的内嵌高度（在本例中为50％）

我还建议您检查为什么WordPress会自动设置高度和宽度，并且可能会尝试从源代码中删除它们，因为通常使用重要的不是最佳做法https://codepen.io/NickHG/pen/BZzJKZ

Iframe高度不会达到50％

1 个答案: