不同浏览器兼容性问题

判断浏览器类型

 var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串
        var isOpera = userAgent.indexOf("Opera") > -1; //判断是否Opera浏览器
        var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1 && !isOpera; //判断是否IE浏览器
        var isEdge = userAgent.indexOf("Windows NT 6.1; Trident/7.0;") > -1 && !isIE; //判断是否IE的Edge浏览器
        var isFF = userAgent.indexOf("Firefox") > -1; //判断是否Firefox浏览器
        var isSafari = userAgent.indexOf("Safari") > -1 && userAgent.indexOf("Chrome") == -1; //判断是否Safari浏览器
        var isChrome = userAgent.indexOf("Chrome") > -1 && userAgent.indexOf("Safari") > -1; //判断Chrome浏览器

页面样式问题
1、ie兼容

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { //针对ie
  div { padding-bottom: 1px; } 
}

具体可以查看IE10 CSS hack，IE兼容问题
2、edge

@supports (-ms-ime-align: auto) { //针对edge
  div { padding-bottom: 1px; } 
}

3、火狐

 @-moz-document url-prefix() {
       .search_btn .el-button--medium{
        padding:0px 16px;
        height:26px;
    }
 }