是否有可能有獨立的CSS樣式表自動加載取決於瀏覽器的網站訪問？

我問的原因是因爲我完成了一個可愛的主頁設計，只在osx瀏覽過Chrome和Safari瀏覽器的網站，然後我決定打開Firefox並打開了一些東西。是否有可能有獨立的CSS樣式表自動加載取決於瀏覽器的網站訪問？

此外，我與顯示顏色不對搜索字段佔位符文本有一個問題已經消失，顯示正確的顏色我在Firefox中規定的樣式表。

這將是巨大的，如果我能爲不同的瀏覽器不同的樣式表或有可能引發取決於瀏覽器正確的設置條件語句。

而且看我在多個瀏覽網站的一個很好的工具手動將是巨大的。

2012-03-11 LondonGuy

查看您的網站在多個瀏覽器，你可以嘗試的截圖http://browsershots.org/ – 2012-03-11 19:55:02

我的網址位於本地，因此無法使用 – LondonGuy 2012-03-11 19:55:46

如果您已經在使用重置功能，並且存在跨瀏覽器差異，最好調查其根本原因，而不是試圖用瀏覽器嗅探。通常，對於大多數CSS來說，大多數代碼在Webkit，Firefox，Opera和IE9中的結果都非常相似。老版本的IE可能會受益於特定的墊片。十次中的十次，有可能弄清楚爲什麼Firefox在Firefox中有所不同，並且在所有瀏覽器上使用相同的CSS進行修復，而不是定位。 – 2012-03-11 21:21:49

由於通常的問題是與IE外，存在對解決方案。
下一行，你可以把head標籤內，將只加載如果你使用IE7

<!--[if IE 7]> 
    <link rel="stylesheet" type="text/css" href="http://your.css/my.css" /> 
<![endif]-->

其他的IE相同的方法特定CSS。

來源

2012-03-11 19:57:53

[保羅愛爾蘭的解決方案]（http：// paulirish。com/2008/conditional-stylesheets-vs-css-hacks-answer-both /），這也是使用條件註釋的方式，非常簡潔，因爲您可以使用單個樣式表來處理所有事情。 – 2012-03-11 21:30:02

有些人喜歡用CSS復位文件不同的方法處理這個。基本上，這建立了一箇中立的起點，以便您應用的任何CSS在所有瀏覽器上都具有相同的可預測結果。

最簡單的版本，它會給你的概念的總體思路，是這樣的：

* { 
    padding:0; 
    margin:0; 
    }

有很多的答案this SO question這個討論。

而且here is a roundup of links各種常見的方法。

編輯：在各種瀏覽器的測試，看看this popular SO question，並this one。

來源

2012-03-11 20:06:52 DOK

我已經在使用Eric Meyer's了。效果很好 – LondonGuy 2012-03-11 20:11:11

如果使用JavaScript，你可以把這個代碼片斷你的腦袋標籤內檢測到用戶代理

<script type="text/javascript"> 
var browser={ 
    msie:navigator.userAgent.indexOf('MSIE') > -1 ? true : false, 
    chrome:navigator.userAgent.indexOf('Chrome') > -1 ? true : false, 
    opera:navigator.userAgent.indexOf('Opera') > -1 ? true : false, 
    firefox:navigator.userAgent.indexOf('Firefox') > -1 ? true : false 
} 
if(browser.msie) document.write("<link REL='stylesheet' HREF='msie.css' TYPE='text/css'>"); 
if(browser.chrome) document.write("<link REL='stylesheet' HREF='chrome.css' TYPE='text/css'>"); 
if(browser.opera) document.write("<link REL='stylesheet' HREF='opera.css' TYPE='text/css'>"); 
if(browser.firefox) document.write("<link REL='stylesheet' HREF='firefox.css' TYPE='text/css'>"); 
</script>

來源

2012-03-11 21:03:33

瀏覽器嗅探是不可靠的，很難維護，一般只是簡單的邪惡 – steveax 2012-03-11 22:04:22

是否有可能有獨立的CSS樣式表自動加載取決於瀏覽器的網站訪問？

回答

相關問題