el-popover通过transform缩小后位置发生偏移

Question

el-popover也通过popper-class设置 transform: scale(0.5, 0.5)，但是设置后会发生位置偏移，请问要怎样解决？

Answer 1

margin-right:-20px

Answer 2

解决了吗2222

Answer 3

想出一种方法，试试看~

1. 通过JS设值CSS变量-全局缩放值:

   document.documentElement.style.setProperty('--app-scale', scale);

2. 定义CSS变量

    :root {
      --app-scale: 1;
    }

3. 对所有的弹窗应用动态缩放样式

   body .el-message-box__wrapper .el-message-box, body .el-select-dropdown, body .el-dropdown-menu, body .el-popover {
     transform: scale(var(--app-scale));
   }

Answer 4

因为el-popover自己有定位：transform: translate(612px, -155px)样式，而我们添加的：transform: scale(2)，会覆盖定位的translate。所以你OK了吗，我也有这个问题？

我使用zoom: 200%;放大2倍，也还是会发生位置偏移。