css hack: 如何区分谷歌浏览器与edge浏览器

简单粗暴，通过 js 的navigator.userAgent 方法：

if (navigator.userAgent.indexOf("Edg") > -1) {
    document.documentElement.className += " edge";
  } else if (navigator.userAgent.indexOf("Chrome") > -1) {
      document.documentElement.className += " chrome";
  }

在写样式的时候，前面加上前缀就可以区分了。

<style>
.edge .el-table th.gutter{
  width: 10px;
}
.chrome .el-table th.gutter{
  width: 6px;
}
</style>