到目前为止,我正在使用这个 JS 加载不同的样式表(如果是指定的浏览器)。不过目前,它对我不起作用。它不显示任何样式表。我找不到问题所在。
<script type="text/javascript">
if ( $.browser.mozilla == true ) {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"css\FF.css\">");
}
</script>
<script type="text/javascript">
if ( $.browser.chrome == true ) {
document.write("<link type=\"text/css\" rel=\"stylesheet\" href=\"css\Chrome.css\">");
}
</script>
最佳答案
上面的评论是正确的,这不再是 JQuery 函数。
正如您所说,您这样做是因为内容看起来不同,请尝试改用这些工具:
- > http://modernizr.com/ - 将允许您根据哪些元素起作用来设置样式,而不是根据您使用的浏览器来设置样式
- > http://necolas.github.io/normalize.css/ - 将有助于标准化元素的默认样式
- > http://jigsaw.w3.org/css-validator/
- > http://validator.w3.org/ - 有效代码更可能适用于所有浏览器。
否则,请在此处提出具体问题(最好使用 jsfiddle)- CSS 无法在所有新浏览器上工作或无法实现简单解决方法的情况很少见。
另外:现在几乎不可能在所有浏览器中进行测试,因为浏览器太多了,所以知道一个脚本适用于您测试过的所有内容应该可以让您相信它也适用于您没有测试过的那些。
关于javascript - 为不同的浏览器使用不同的样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24721314/