是否有可能有独立的CSS样式表自动加载取决于浏览器的网站访问？

问题描述：

我问的原因是因为我完成了一个可爱的主页设计，只在osx浏览过Chrome和Safari浏览器的网站，然后我决定打开Firefox并打开了一些东西。是否有可能有独立的CSS样式表自动加载取决于浏览器的网站访问？

此外，我与显示颜色不对搜索字段占位符文本有一个问题已经消失，显示正确的颜色我在Firefox中规定的样式表。

这将是巨大的，如果我能为不同的浏览器不同的样式表或有可能引发取决于浏览器正确的设置条件语句。

而且看我在多个浏览网站的一个很好的工具手动将是巨大的。

查看您的网站在多个浏览器，你可以尝试的截图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。

[保罗爱尔兰的解决方案]（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。

我已经在使用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>

浏览器嗅探是不可靠的，很难维护，一般只是简单的邪恶 – steveax 2012-03-11 22:04:22

是否有可能有独立的CSS样式表自动加载取决于浏览器的网站访问？

相关推荐