針對不同瀏覽器的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。