记录 js传参到css使用

可以处理# el-popover通过transform缩小后位置发生偏移

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

     var deviceWidth = document.documentElement.clientWidth //获取当前分辨率下的可是区域宽度
     var scale = deviceWidth / 1920 // 分母——设计稿的尺寸
     var element1 = document.getElementById('app')
     element1.style.zoom = scale
     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));
   }
   

   来源