html – 每个浏览器的CSS不同？

概述有没有办法为特定浏览器加载不同的CSS文件？ 喜欢(可怜的伪代码)： if firefox<link rel="stylesheet" type="text/css" href="includes/MyCssFirefox.css" />if chrome<link rel="stylesheet" type="text/css" href="includes/MyCssChrome.css 有没有办法为特定浏览器加载不同的CSS文件？

喜欢(可怜的伪代码)：

if firefox<link rel="stylesheet" type="text/CSS" href="includes/MyCSSfirefox.CSS" />if Chrome<link rel="stylesheet" type="text/CSS" href="includes/MyCSSChrome.CSS" />if Safari<link rel="stylesheet" type="text/CSS" href="includes/MyCSSSafari.CSS" />

解决方法 您想要的理想解决方案不存在：

遗憾的是,如果您尝试在HTML本身上执行此 *** 作,则不存在跨浏览器解决方案.但是,它适用于大多数IE版本.像这样：

<!--[if IE]><link rel="stylesheet" type="text/CSS" href="includes/myIEGeneralStyle.CSS" /><![endif]--><!--[if IE 6]><link rel="stylesheet" type="text/CSS" href="includes/myie6Style.CSS" /><![endif]--><!--[if IE 7]><link rel="stylesheet" type="text/CSS" href="includes/myie7Style.CSS" /><![endif]--><!--[if IE 8]><link rel="stylesheet" type="text/CSS" href="includes/myie8Style.CSS" /><![endif]-->

所以最好的解决方案：

像这样的JavaScript解决方案怎么样：Browser Detection.阅读一下这个类来更好地澄清,该文件基本上做的只是这样的概念：

var browser = navigator.userAgent.tolowerCase().indexOf('Chrome') > -1 ? 'Chrome' : 'other';

显然,它不仅仅是检测浏览器的类型.实际上,它知道您可以在该链接中阅读的版本, *** 作系统和更多细节.但是,它通过将’Chrome’替换为’mozilla’,’explorer’等来检查所有类型的浏览器…

然后添加你的CSS文件,只需跟进条件语句,如下：

if (browserDetect.browser.indexOf("Chrome")>-1) {document.write('<'+'link rel="stylesheet" href="../component/ChromeCSsstyles.CSS" />');} else if (browserDetect.browser.indexOf("mozilla")>-1) {    document.write('<'+'link rel="stylesheet" href="../component/mozillaStyles.CSS" />');} else if (browserDetect.browser.indexOf("explorer")>-1) {    document.write('<'+'link rel="stylesheet" href="../component/explorerStyles.CSS" />');}

祝你好运,希望这能帮到你！

总结

以上是内存溢出为你收集整理的html – 每个浏览器的CSS不同？全部内容，希望文章能够帮你解决html – 每个浏览器的CSS不同？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。