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

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

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

阅读 956
3 个回答

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题