js根据不同浏览器(分辨率)调用不同css

Posted 东风杨柳岸,岁月如烟

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js根据不同浏览器(分辨率)调用不同css相关的知识,希望对你有一定的参考价值。

根据不同浏览器:

<script type="text/javascript">

var version = navigator.userAgent;

if (version.indexOf("MSIE") > 1) {

document.write("<link href=‘ie.css‘ rel=‘stylesheet‘ type=‘text\/css‘\/>");

} else if (version.indexOf("Chrome") > 1) {

document.write("<link href=‘chrome.css‘ rel=‘stylesheet‘ type=‘text\/css‘\/>");

} else if (version.indexOf("Firefox") > 1) {

document.write("<link href=‘ff.css‘ rel=‘stylesheet‘ type=‘text\/css‘\/>");

}

</script>

根据不同分辨率:

<script type="text/javascript">

if (screen.width == 1024){

document.write("<link href=‘css/css1.css‘ rel=‘stylesheet‘ type=‘text\/css‘\/>");

}else {

document.write("<link href=‘css/css2.css‘ rel=‘stylesheet‘ type=‘text\/css‘\/>");}

</script>

 

以上是关于js根据不同浏览器(分辨率)调用不同css的主要内容,如果未能解决你的问题,请参考以下文章

如何根据分辨率调用不同的css文件

用JS调用不同的CSS样式在不同分辨率下怎么搞哦,试了很多JS代码都不行

PC端页面适应不同的分辨率的方法

js 根据屏幕大小调用不同的css文件

根据屏幕分辨率是使用不同的CSS

css判断不同分辨率显示不同宽度布局实现自适应宽度