javascript - 有没有办法告诉bootstrap 3在现代浏览器中以不同的方式呈现事物？

我正在开发一个引导应用程序，该应用程序在IE 11，Edge，Chrome中呈现略有不同。这是次要的事情（按钮大小，较小的边距），但我只能针对一种浏览器进行优化。它们看起来都不差，但是只有其中一个看起来很完美。

有没有一种使用HTML，CSS，JavaScript，Bootstrap，Witchcraft ...的方法来告诉不同的浏览器以不同的方式呈现事物？

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

最佳答案

你可以使用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