浏览器特定的CSS

时间:2011-11-04 08:26:57

标签: css browser if-statement

我想在我的网站上使用在Firefox中看起来很棒的字体,但在Chrome和IE上分手。现在为了避免这个问题,我想改变Chrome和IE的字体系列。有支持IE的[if IE]声明,但Chrome也有一个(可能还有更多的浏览器)吗?

4 个答案:

答案 0 :(得分:4)

jQuery.browser

可用的标志是:

  • 列表项
  • webkit(从jQuery 1.4开始)
  • safari(已弃用)
  • 歌剧
  • MSIE
  • Mozilla浏览器

使用示例:

  if ($.browser.webkit) {
    alert( "Set up your font css" );
  }

答案 1 :(得分:3)

不,只有IE支持条件评论。

但是,我建议不要使用任何特定于浏览器的代码。作为开发人员,您可以确保您的网站在尽可能多的浏览器中看起来同样出色。

如果您真的想要条件代码,请使用浏览器检测(即在用户代理字符串中搜索标识浏览器的片段)

答案 2 :(得分:2)

简单的解决方案,只需使用此JS库,您就可以轻松地为每个浏览器/操作系统组合应用样式:

BrowserClass.js

通过这个,您将在body标签上获得一个类名,其中包含浏览器的当前名称和版本以及使用过的操作系统。

包含文件后:

<script src="js/browserclass.js"></script>

例如,在具有最新chrome的Windows 8.1上,您将看到:

<body class="chrome chrome34 win desktop">

在您的样式文件中,您可以参考: (.sass造型)

body.chrome
  #example
    color: blue

body.win.chrome
  #example
    color: red

注意:

自IE10以来,

[if IE]语句已弃用,因此这是

的解决方案

答案 3 :(得分:0)