css - 如何检查浏览器类型和版本然后获取正确的 css？

Question

我希望能够根据用户的浏览器类型和版本提供正确的 css 文件。在 FF 和 Chrome 中，我完全没有问题。但是当谈到 IE7-9 时，事情开始变得非常奇怪和破碎。我已经编写了一些 IE 特定的 css 页面，但不确定当用户使用 IE 时如何提供这些 css 页面。

有什么js可以做到吗？甚至使用java的后端？

Answer 1

只需为 IE 浏览器使用不同的 CSS 文件，如下所示。

<!--[if IE 7.0]><link href="css/ie7.css" type="text/css" media="screen" rel="stylesheet" /><![endif]-->
<!--[if IE 8.0]><link href="css/ie8.css" type="text/css" media="screen" rel="stylesheet" /><![endif]-->
<!--[if IE 9.0]><link href="css/ie8.css" type="text/css" media="screen" rel="stylesheet" /><![endif]-->

Answer 2

有很多方法可以做到这一点。但很可能您只需要处理 Internet Explorer，其他浏览器（如 Chrome、Firefox、Opera 等）处理网站的方式非常相似。

您可以使用简单的 HTML 条件，例如

<!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="/assets/css/ie8.css" />
<![endif]-->

在其中更改您想要的 IE 版本。

但是，如果您仍然需要并希望处理多个浏览器，您应该做一些简单的 php，将this与this一起使用，这不是处理此类事情的最佳方法，因为用户代理总是可以更改并且不应该被依赖上。你也可以在 JS 中做类似的事情，但是 php 更适合重定向和使用条件加载内容。