包括不同浏览器的不同类

Question

  

可能重复：
  Cross-browser CSS

是否可以为不同的浏览器包含不同的css类以实现跨浏览器兼容性？ 怎么样？

Answer 1

可能的。

感谢Microsoft和Internet Explorer，每个前端开发人员面临的更大问题绝对是跨浏览器兼容性。即使Internet Explorer引入条件标记仅包含IE的样式，也可以很好地处理其他浏览器。

此代码适用于JQuery框架，因此当然要确保在您的网站上安装它。

将以下代码粘贴到html文档的head部分或单独的.js文件中：

$(document).ready(function(){ 
    $('html').addClass($.browser); 
});

现在，您可以使用.msie，.mozilla，.opera，.safari或.other预先渲染样式，具体取决于目标浏览器。

Ref

Answer 2

我不建议这样做。

您可以根据User-Agent字符串提供不同的CSS文件。你可能只应该这样做，如果你真的很绝望（就像你只支持更新的浏览器，但你想向老浏览器显示一些内容以提示他们切换）。

这实际上取决于您的网络服务器，但这通常非常简单。

通常最好将其搞砸并找到跨浏览器的解决方案。这通常发生在您使用实验性功能或者您想要变得聪明时。简化CSS通常会产生更好的跨浏览器支持，尽管旧版浏览器有时候不能正确渲染。

如果您需要支持旧版浏览器，请简化设计，而不是尝试使用浏览器嗅探路径。