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

阅读 27

2024-12-02


简单粗暴,通过 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>


精彩评论(0)

0 0 举报