一尘不染

如何检测用户的浏览器并应用特定的CSS文件?

css

我需要检测浏览器并应用匹配的CSS文件。

我创建了3个CSS文件:__ie.css,ff.css,opera.css。现在,我需要检测浏览器才能包含好的浏览器。

我知道这个

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

但是,我该如何使用Firefox和Opera / Chrome?


阅读 288

收藏
2020-05-16

共1个答案

一尘不染

如果必须仅使用CSS来检测浏览器,那么在进入特定于浏览器的样式表之前,您可能需要重新考虑CSS。一个浏览器只需模仿另一个用户的代理字符串或要发布的新版本,一切便会中断。使用当前的标准并验证您的代码,您将不得不担心更少的跨浏览器问题。即使只使用<!--[if IE]><![endif]-->没有版本号的文件,也可能破坏以后版本的布局。

就是说,如果您想根据可用的CSS功能对页面进行样式设置,请查看Modernizr。这样,您只检查功能,如果发布了新版本的浏览器,功能将不会损坏。

如果所有其他方法都失败了,并且您确实需要检测访问者的浏览器,请尝试jquery.browser。它内置在jQuery中,并且易于使用。。

2020-05-16