Javascript 根据父iframe的大小动态更改css

我的合作伙伴网站使用iframe嵌入我的网站。我最近更改了我的网站，现在它比我的合作伙伴网站在iframe中分配的时间长（而且他们都设置了

scrolling=no

）

考虑到我无法更改我的合作伙伴站点，我现在正在尝试更改我自己的站点，以便所有内容都能正常工作。我注意到，只要宽度和高度与父iframe相同，我就可以添加

是否有一种方法可以动态获取父iframe的宽度和高度，以便将其应用到我自己的站点上？或者可以使用viewport确定父容器的大小？

---

您可以使用视口宽度和高度：

宽度：100vw

高度：100vh

片段：

没有像children>parent这样的css，而且你也不是来自同一个来源，走出iframe将是一项非常了不起的技术。我认为如果iframe是跨来源的，这将不起作用，但请尝试从iframe中访问

parent

，就像这样：

parent.document.body.clientHeight

哦，很好，让我来看看去我的实际代码tmr上试试吧！非常感谢，我真的希望这能奏效！