【Vue前端大屏高度自适应,iframe】如何让页面元素刚好填满页面的高度，而不是出现滚动条？

Question

场景如下

先有一前端大屏A，采用的rem自适应方案，现在要把A通过iframe标签嵌入到集成页面B中。

遇到的问题

A在B中宽度还是保持着自适应（即不会出现横向滚动条），但是高度却无法保持了（出现了纵向滚动条），我希望不论宽高都不出现滚动条，而是刚好能把整个大屏嵌入在iframe标签中该怎么做呢？

试过的方案

1.缩放

有尝试过使用transform的scale对整个大屏进行缩放，但是在本地测试可以，部署上去之后就没有用了，不执行写在页面A的onresize事件。（不知道啥原因）

2.body相对定位，div绝对定位

我对大屏A的body元素进行了相对定位，div#app绝对定位，bottom和top都为0，但是并没有效果。（是应该对A的body定位还是B的body定位呢？）