vue"element-ui中el-tables"标签表头与内容边框错位问题

vue"element-ui中el-tables"标签表头与内容边框错位问题

vue"element-ui中el-tables"标签表头与内容边框错位问题

非常感谢这位博主我是看了他的博客才发现问题的本质，以下是他原文地址
https://blog.csdn.net/Dg_Zing/article/details/86682480

最近在使用vue，element画页面的时候发现如下问题。


上图第二张来自原博主。
原博主给的一个非常强势万能的办法非常好用一点问题都没有。
原博主方法：

在index.html或App.vue文件(必须是入口文件，才能全局起作用)的style标签中添加如下样式：
body .el-table th.gutter{ display: table-cell!important; }

看到原博主说只在谷歌浏览器中出现这个问题，我就换了个浏览器试了一下。（火狐浏览器）发现问题确实只在谷歌浏览器出现。

最后，我发现本质其实是浏览器的缩放功能
将浏览器的**缩放比调至100%，**问题解决，也不需要添加上面的样式。

缩放比如何调整