vue项目嵌入iframe时需要等比缩放dom盒子，解决异常弹窗问题

项目场景：

例如：项目场景：示例:vue项目嵌入iframe时需要等比缩放dom盒子，解决异常弹窗问题

---

问题描述

vue项目嵌入iframe时需要等比缩放dom盒子时，用类似于element-ui组件库或者手写页面弹窗时。等比缩放的iframe弹窗位置会显示在原比例的页面比例位置上。

---

原因分析：

缩放的原则是不改变原本盒子的宽高，进行内容的等比缩放，ui库中弹窗或下拉框的位置是根据页面原本宽高显示的。所以会导致错位。

---

解决方案：

不使用transform属性等比缩放，改为直接改变宽高，用适配的方法布局页面，同时，缩放浏览器的显示大小，内嵌的iframe就可以解决等比缩放，同时，点击事件弹窗位置不对应的问题