如何实现pc/移动端加载不同css样式

MinTao.Net

如何实现pc/移动端加载不同css样式
其实原理估计大家都知道怎么做，用js做判断下就好啦；
但是我踩的坑是路径上哎，特此发表引以为鉴：
坑点：
我万万没想到使用了【相对路径】不能在服务器上加载，因为之前部署我并没有注意路径问题用【相对路径】也是OK的；
没错，如果在服务器上如果不能使用【相对路径】那么解决方法显而易见【绝对路径】

1. <script language="javascript" type="text/javascript" >
   
2. //根据设备加载不同的样式
   
3. var setStyle = function(cssarr){
   
4.             var i= 0,len = cssarr.length;
   
5.             for(i;i<len;i++){
   
6.                 document.write('<link href="'+cssarr[i]+'" type="text/css" rel=stylesheet>');
   
7.             }
   
8.         };
   
9.         // 判断是否移动端
   
10.         function goPAGE() {
    
11.             if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
    
12.                  // window.location.href="移动端url";
    
13.                 //  alert("mobile");
    
14.                  //判断访问环境是 移动端 则加载以下样式
    
15.                 //  setStyle(['2.css']);
    
16.             }
    
17.             else {
    
18.                 // window.location.href="pc端url";
    
19.                //   alert("pc")
    
20.                 setStyle(['域名/文件夹名/1.css']);
    
21.                  }
    
22.         }
    
23.         goPAGE();        // 调用function
    
24. </script>

复制代码

转自：https://blog.csdn.net/weixin_41974187/article/details/102730027