Javascript 使iFrame通过第三方显示100%的父级

我正在尝试制作一个

iFrame

，它是通过第三方交付的，高度为其父级的100%

我不知道怎么做才是最好的。目前我一直在尝试下面的CSS，只是它不是最有效的，我需要每个媒体查询的用例

.flx-embed > div iframe {
  display: block !important;
  width: 150% !important;
  height: 100% !important;
  transform: translateX(-20%);
  border: none;
}

---

一个快速的建议是，如果您正在使用jQuery动态加载iframe，就在

.append（$iframe）

之后，您可以使用

$（iframe）.parent.css（“width”，“100%”）

更改父元素的样式。希望这有帮助！你能详细说明一下@N.Ivanov吗？我知道你是在动态加载iframe，动态加载会导致你的样式不应用

宽度：100%

，所以我建议你也动态更新父元素上的css。在浏览了您提供的JSFIDLE之后，我看到您面临另一个问题，

iframe

不希望变为100%宽度。如果这确实是您的问题，我很抱歉上面的建议，我将检查提供的JSFIDLE，如果我找到一个解决方案，我将返回它！希望这有帮助！