方法一：（根据ID设定）
方法二：(根据来访域名（或者分辨率）自动选择不同的CSS样式)
if(window.screen.width==1280){
document.write("");
}
if(window.screen.width==800){
document.write("");
}方法三：(根据来访域名（或者分辨率）自动选择不同的CSS样式)
根据来访域名来自动选择CSS样式例如一个网站有两个域名a.com和b.com用户访问a.com的时候显示a.css，访问b.com时显示b.css。
也可以根据不同的屏幕分辨率来选择CSS样式的，
在和中加入以下代码即可实现：
方法四：
用js实现根据不同的分辨率和浏览器调用不同的css文件:
定义以下js变量,做分辨率的尺寸判断.
var IE1024="";
var IE800="";
var IE1152="";
var IEother="";
引号里面分别填写，用户使用IE的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。
var Firefox1024="";
var Firefox800="";
var Firefox1152="";
var Firefoxother="";
引号里面分别填写，用户使用forefox的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。
var Other1024="";
var Other800="";
var Other1152="";
var Otherother="";
引号里面分别填写，用户使用其他浏览器的时候并且分辨率为1024*768,800*600,1152*864要使用的css文件名。
不判断分辨率，只判断浏览器
代码如下：
解 释：
如果浏览器为IE，则调用default.css
如果浏览器为Firefox，则调用default2.css
如果浏览器为其他，则调用newsky.css
用法：放在中即可。
转载：http://blog.csdn.net/grief_of_the_nazgul/article/details/26689695
【用js实现根据不同的分辨率和浏览器调用不同的css文件】
推荐阅读
- 前端开发|Vue2.x API 学习
- NodeJS常用模块介绍
- 前端开发|前端学习之路---node.js（二）
- 前端开发|html中style的两种方式和js的两种方式
- js|js实现全景图预览
- JavaScript|[JavaScript]兼容IE6/7的getElementByClassName
- 前端开发|彻底弄懂css中单位px和em,rem的区别
- HTMLCollection vs. NodeList 异同点比较
- VUE环境初始化安装和配置