我想在我的網站上使用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. Mozilla瀏覽器特定的CSS
- 3. 工具瀏覽器特定的CSS轉換爲跨瀏覽器CSS
- 4. 瀏覽器特定的jquery
- 5. CSS定位/ Safari瀏覽器
- 6. 特定網站:Firefox與IE瀏覽器的CSS特性
- 7. 如何測試特定CSS屬性的瀏覽器性能?
- 8. 針對特定瀏覽器使用不同的CSS樣式
- 9. 爲特定瀏覽器加載不同的CSS樣式[Not IE]
- 10. 瀏覽器特定的CSS爲Internet Explorer 7,8,9
- 11. 如何處理瀏覽器特定的.js和.css
- 12. JavaScript禁用時包含瀏覽器特定的CSS文件?
- 13. 如何使用瀏覽器特定的CSS像-webkit- -moz-
- 14. 跨瀏覽器CSS
- 15. IE瀏覽器的CSS定位問題
- 16. 瀏覽器特定的延遲時間
- 17. TryUpdateModel是瀏覽器特定的
- 18. 排序:它是瀏覽器特定的
- 19. 跨瀏覽器的css
- 20. CSS瀏覽器選擇器
- 21. Chrome瀏覽器CSS位置:固定
- 22. Cordova處理瀏覽器特定任務
- 23. 刪除瀏覽器特定樣式
- 24. 跨瀏覽器的CSS問題(Safari瀏覽器與Chrome)
- 25. Safari瀏覽器的CSS黑客並非來自Chrome瀏覽器
- 26. 跨瀏覽器CSS問題
- 27. 網頁跨瀏覽器CSS
- 28. Css轉換IE瀏覽器
- 29. 谷歌瀏覽器CSS
- 30. 關於跨瀏覽器css