javascript - 为不同的浏览器包含不同的类

Question

可能重复：
跨浏览器 CSS

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

score 1 · Accepted Answer

可能的。

多亏了 Microsoft 和 Internet Explorer，每个前端开发人员面临的更大问题肯定是跨浏览器兼容性。即使 Internet Explorer 引入了条件标签以仅包含 IE 的样式，也可以处理其他浏览器。

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

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

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

现在，您可以根据目标浏览器使用 .msie、.mozilla、.opera、.safari 或 .other 预置您的样式。

score 0 · Accepted Answer

我不推荐这个。

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

这实际上取决于您的网络服务器，但这通常很容易。

通常最好将其解决并找到一个跨浏览器的解决方案。这通常发生在您使用实验性功能或试图变得聪明时。简化 CSS 通常会产生更好的跨浏览器支持，尽管有时旧浏览器无法正确呈现某些内容。

如果您需要支持较旧的浏览器，请简化您的设计，而不是尝试走浏览器嗅探路线。

2 回答 2