如何在缩放情况下解决表格列宽拖动问题？

Question

问题背景，因为甲方领导他们要求系统无论在小屏幕和大屏幕，每个模块的表格字段都能一屏幕展示下，
很多div,例如7个div，都能一行展示下，就做了项目全局的缩放调整，后续就出现了许多问题，缩放导致的
问题，例如element-ui种悬浮组件el-tootip，el-dropdown组件的位置偏移问题，后面也是手动给他们重新设置了zoom缩放比例。
但是，后面又发现了一个问题，那就是table组件列宽在搜狗、360浏览器、qq浏览器中不能拖动，谷歌和edge中是可以，这个该怎么解决。

希望可以在没有取消缩放的前提下，表格的列宽可以拖动,使用的缩放方法是在app.vue文件页面中设置了 document.body.style.zoom=0.9

Answer 1

通过设置最小宽度而不是通过缩放来解决问题

Answer 2

找一个 layout 组件
通过全局的 transform: scale 属性实现缩放
具体的实现可以找 ai，这种轮子的很方便
https://juejin.cn/post/7251786596264198203
网上随便找的，差不多就这个意思

Answer 3

可视化大屏：autofit.js 一行搞定自适应
transform = scale(${scale});