vue项目打开全局缩放，element-ui弹出层不影响

vue项目打开全局缩放

全局配置文件中添加

// 缩放0.8
#app, .el-dialog__wrapper {
  transform: scale(0.8);
  transform-origin: top left;
  width: 125%;
  height: 125%;
}

// dialog弹出层取消到弹出再缩放的视觉效果
.el-dialog__wrapper {
  transition: none; /* 取消过渡效果 */
  animation: none;  /* 取消动画效果 */
  // 也可以使用下面一种方法
  //transition: transform 0.1s ease; /* 将动画时间调整为 0.1 秒 */
}

// 包含bpmn-js的设计话，也是使用dialog包裹的，给该dialog起个class，指定排除，使其能正常使用，其他需要排除的类似
.processDesigner {
  transform: scale(1);
  transform-origin: top left;
  width: 100%;
  height: 100%;
}