请选择 进入手机版 | 继续访问电脑版

无忧编程_ASP.NET  / C# / PHP 程序员的软件世界

 找回密码
 立即注册

QQ登录

只需一步,快速开始

查看: 213|回复: 0

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

[复制链接]

426

主题

459

帖子

1920

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1920
发表于 2021-2-8 09:27:04 | 显示全部楼层 |阅读模式
如何实现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


windows .net(C#+MSSQL) linux(php+mysql)
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|软件编程 ( 鄂ICP备11006601号-17 )鄂公网安备 42011102001337号 |

GMT+8, 2021-3-2 16:39 , Processed in 0.076064 second(s), 20 queries .

Powered by Discuz! X3.4

© 2001-2017 Comsenz Inc.

快速回复 返回顶部 返回列表