2011-11-04 80 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棄用,所以這是該

溶液