我想在我的网站上使用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. 浏览器特定的延迟时间