javascript - 有没有办法告诉 bootstrap 3 在现代浏览器中呈现不同的东西？

Question

我正在开发一个 bootstrap 应用程序，它在 IE 11、Edge、Chrome 中的呈现略有不同……这是一些小事(按钮大小、小边距)，但我只能针对一种浏览器进行优化。它们看起来都不是坏，但只有一个看起来很完美。

有没有一种方法可以使用 HTML、CSS、JavaScript、Bootstrap、巫术...来告诉不同的浏览器以不同的方式呈现内容？

注意:自版本 9 起，条件注释在 IE 中不起作用。

Answer 1

你可以使用javascript

navigator.sayswho= (function(){
    var ua= navigator.userAgent, tem,
    M= ua.match(/(opera|chrome|safari|firefox|msie|trident(?=\/))\/?\s*(\d+)/i) || [];
    if(/trident/i.test(M[1])){
        tem=  /\brv[ :]+(\d+)/g.exec(ua) || [];
        return 'IE '+(tem[1] || '');
    }
    if(M[1]=== 'Chrome'){
        tem= ua.match(/\b(OPR|Edge)\/(\d+)/);
        if(tem!= null) return tem.slice(1).join(' ').replace('OPR', 'Opera');
    }
    M= M[2]? [M[1], M[2]]: [navigator.appName, navigator.appVersion, '-?'];
    if((tem= ua.match(/version\/(\d+)/i))!= null) M.splice(1, 1, tem[1]);
    return M.join(' ');
})();

来自:https://stackoverflow.com/a/2401861/4337247