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

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

<script language="javascript" type="text/javascript" >//根据设备加载不同的样式var setStyle = function(cssarr){var i= 0,len = cssarr.length;for(i;i<len;i++){document.write('<link href="'+cssarr[i]+'" type="text/css" rel=stylesheet>');}};// 判断是否移动端function goPAGE() {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))) {// window.location.href="移动端url";//  alert("mobile");//判断访问环境是 移动端 则加载以下样式//  setStyle(['2.css']);}else {// window.location.href="pc端url"; //   alert("pc")setStyle(['域名/文件夹名/1.css']);}}goPAGE();        // 调用function
</script>

实现pc/移动端加载不同css样式相关推荐

动态加载html 添加样式表,使页面动态加载不同CSS样式表，从而实现不同风格模板的方法...
我们在制作网页时,有时会制作多种风格模板,而想把这些模板都用起来,而又不知道方法,通过以下两种方法,你就可以实现相同网站不同CSS模板的方法. ASP.Net中利用CSS实现多界面两种方法. 方法一: ...
CSS响应式：根据分辨率加载不同CSS的几个方法
一般情况下,根据分辨率加载pc端 wap端 pad端三个css文件,示例: <link rel="stylesheet" type="text/css" ...
ios html加载css样式,iOS加载HTML, CSS代码
NSString *strHTML = @" // NSString *strHTML = model.goods_datails; NSMutableString *targerStr = ...
为什么css文件是.main,页面无法加载main.css
yii2 如何在页面底部加载css和js 作者:白狼出处:www.manks.top/article/yii2_load_js_css_in_end 本文版权归作者,欢迎转载,但未经作者同意必须保留 ...
html5移动端加载闪屏解决办法
html5移动端加载闪屏解决办法,其实很简单,给加一个加载过程动画效果就可以了,这样就不会出现闪屏效果,看起来与APP效果基本上是一样的了. 在<body>的下面加一个DIV层 <d ...
ASP.NET使用母版页后动态加载JS/CSS
ASP.NET中使用母版页最大的好处就是当有许多相似的页面时只用加一个母版页,每个页面用这个母版页生成内容页,然后根据情况修改每个内容页中的内容,保持页面布局的统一,同时也减少了代码量. 但另一个突出 ...
SAP Spartacus 4.0 源代码模式下开启 SSR，为什么会从本地去加载 all.css？
为什么会从本地去加载 all.css 文件呢?这路径不对头: CSR 模式下,css 的加载是好的: 在 icon-loader.service.ts 代码里设置断点: 更多Jerry的原创文章,尽在 ...
移动端加载MVT矢量瓦片
在SuperMap iMobile for Android 9D(2019)版本中,新增了加载MVT矢量瓦片的接口.矢量瓦片具有创建效率高.传输和渲染速度快.数据和风格样式独立,更改配图方案无需重新创 ...
Github css加载失败，样式混乱解决办法
github被墙的解决办法 Github css加载失败,样式混乱解决办法打开cmd,输入 nslookup github.com 8.8.8.8 ,下面就会显示出github的服务器地址列表 ...

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

实现pc/移动端加载不同css样式相关推荐

最新文章

热门文章