javascript根据客户端不同的浏览器宽度进行css切换

<link rel="alternate stylesheet" type="text/css" href="css/narrow.css" title="narrow"/>

<link rel="stylesheet" type="text/css" href="css/normal.css" title="default"/>

<link rel="alternate stylesheet" type="text/css" href="css/wide.css" title="wide"/>

上面这三个是对于客户端不同的浏览器宽度，分别配置的3个css样式表。

我们可以通过下面的代码对样式表进行切换

 

function setActiveStyleSheet(title) {
       var i, a, main;
       for(i=0; (a = document.getElementsByTagName("link")[i]); i++) {
        if(a.getAttribute("rel").indexOf("style") != -1
        && a.getAttribute("title")) {
       a.disabled = true;
       if(a.getAttribute("title") == title) a.disabled = false;
     }
   }
}