我想在我的網站上使用Firefox中看起來不錯的字體,但在Chrome和IE上分裂了。現在爲了避免這個問題,我想只改變Chrome和IE的字體系列。 IE支持有[if IE]聲明,但Chrome瀏覽器(還有更多瀏覽器)是否有IE聲明?瀏覽器特定的CSS
0
A
回答
3
不,只有IE支持條件註釋。
但是,我會建議針對任何瀏覽器特定的代碼。作爲一名開發人員,您應該確保您的網站在儘可能多的瀏覽器中看起來同樣出色。
如果你真的想要的條件代碼,使用瀏覽器檢測
4
可用標誌(即搜索識別瀏覽器片段的用戶代理字符串。):
- 列表項
- webkit(截至jQuery 1.4)
- safari(不推薦)
- 歌劇
- MSIE
- Mozilla的
使用示例:
if ($.browser.webkit) {
alert("Set up your font css");
}
0
2
簡單的解決方案,只是用這個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棄用,所以這是該
溶液相關問題
- 1. Drupal 7瀏覽器特定的css
- 2. Firefox瀏覽器特定的CSS填充
- 3. Mozilla瀏覽器特定的CSS
- 4. 瀏覽器特定的CSS只有
- 5. 工具瀏覽器特定的CSS轉換爲跨瀏覽器CSS
- 6. 瀏覽器特定的jquery
- 7. CSS定位/ Safari瀏覽器
- 8. 特定網站:Firefox與IE瀏覽器的CSS特性
- 9. 指定爲瀏覽器的CSS規則,不支持特定的CSS屬性
- 10. 如何編寫瀏覽器特定的CSS屬性?
- 11. 如何根據瀏覽器版本捆綁特定的CSS?
- 12. 如何加載瀏覽器特定的外部css文件?
- 13. 如何測試特定CSS屬性的瀏覽器性能?
- 14. 瀏覽器特定的CSS爲Internet Explorer 7,8,9
- 15. 爲特定瀏覽器加載不同的CSS樣式[Not IE]
- 16. 針對特定瀏覽器使用不同的CSS樣式
- 17. 如何使用瀏覽器特定的CSS像-webkit- -moz-
- 18. JavaScript禁用時包含瀏覽器特定的CSS文件?
- 19. 如何爲瀏覽器特定的css表達式回退
- 20. 什麼是幾個opera瀏覽器特定的css標籤?
- 21. 如何處理瀏覽器特定的.js和.css
- 22. 跨瀏覽器css
- 23. 跨瀏覽器CSS
- 24. 跨瀏覽器CSS
- 25. IE瀏覽器的CSS定位問題
- 26. jQuery的:對於特定的瀏覽器
- 27. 檢測特定網站的web瀏覽器我瀏覽到
- 28. TryUpdateModel是瀏覽器特定的
- 29. GWT - 加載瀏覽器特定的JavaScript
- 30. 瀏覽器特定的延遲時間