针对不同浏览器的HTML

Question

根据用户的浏览器有没有办法使用不同的代码？例如，如果用户使用Internet Explorer，那么与使用Chrome的用户相比，是否有某种方式可以传入不同的代码？

谢谢！

Answer 1

如果你想针对IE

<!--[if IE]> --> 
<link rel="stylesheet" href="css/style.css"/> 
<!--[endif]--> 

你可以通过这个命令在你的主css文件简单的命令针对火狐：

@-moz-document url-prefix() { 
    } 

Answer 2

是的，有办法做到这一点。请检查条件注释：

http://www.quirksmode.org/css/condcom.html

和CSS黑客

http://www.quirksmode.org/css/csshacks.html

Answer 3

肯定。 http://en.wikipedia.org/wiki/Conditional_comment

Answer 4

大多数场景中的优选方法是使用特征检测，即确定特征是否被支持并且相应地采取行动。像Modernizr这样的库可以协助检测功能并平滑一些差异。

例如，检测“触摸”功能要比查找移动浏览器用户代理字符串或版本要好得多。

实际上，由于IE支持它们，因此对于特定于IE的问题使用条件注释通常是最容易的，通常可以通过浏览器版本（与其中功能检测更容易的其他场景）对相关问题进行分组。换句话说，在处理Internet Explorer时，通常可以说“为所有IE X用户应用这些黑客/修补程序”。

对条件注释的支持是removed in IE 10。