2011-11-04 138 views
0

我想在我的网站上使用Firefox中看起来不错的字体,但在Chrome和IE上分裂了。现在为了避免这个问题,我想只改变Chrome和IE的字体系列。 IE支持有[if IE]声明,但Chrome浏览器(还有更多浏览器)是否有IE声明?浏览器特定的CSS

回答

3

不,只有IE支持条件注释。

但是,我会建议针对任何浏览器特定的代码。作为一名开发人员,您应该确保您的网站在尽可能多的浏览器中看起来同样出色。

如果你真的想要的条件代码,使用浏览器检测

4

jQuery.browser

可用标志(即搜索识别浏览器片段的用户代理字符串。):

  • 列表项
  • webkit(截至jQuery 1.4)
  • safari(不推荐)
  • 歌剧
  • MSIE
  • Mozilla的

使用示例:

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

简单的解决方案,只是用这个JS库和您可以轻松应用样式每一个浏览器/操作系统组合:

BrowserClass.js

有了这个,你将获得与浏览器也使用了和当前操作系统的名称和版本body标签类的名称。

之后包括文件:

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

例如在Windows 8.1中使用最新的Chrome,你会看到:

<body class="chrome chrome34 win desktop"> 

而且在样式文件中,你可以参考: (.sass造型)

body.chrome 
    #example 
    color: blue 

body.win.chrome 
    #example 
    color: red 

注:

[如果IE]语句因为IE10弃用,所以这是该

溶液