有的时候，我们需要根据不同的需求来使用不同的样式文件，这个时候我们就需要根据不同的分辨率来引用不同的css。除了媒介查询之外，我在这里简单说一下js动态引用不同的css文件。

我分为两个区域，第一个是原生js内容，第二个是jq内容。

function createLink(cssURL){

var head = document.getElementsByTagName('head')[0],

linkTag = null;

if(!cssURL){

return false;

}

linkTag = document.createElement('link');

linkTag.setAttribute('rel','stylesheet');

linkTag.setAttribute('type','text/css');

linkTag.href = cssURL;

head.appendChild(linkTag);

}

function createLink(cssURL){ 

var head = $($('head')[0]),    

linkTag = null;

if(!cssURL){   

 return false;

}

linkTag = $('');

head.append(linkTag);

}

以后会将一些小的案例分享，不适合的地方大家请指正！