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

场景如下

先有一前端大屏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定位呢?)

以上是 【Vue前端大屏高度自适应,iframe】如何让页面元素刚好填满页面的高度,而不是出现滚动条? 的全部内容, 来源链接: utcz.com/p/932951.html

回到顶部