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更适合重定向和使用条件加载内容。

如何检查浏览器类型和版本，然后获得正确的CSS？

2 个答案: