最近在做移动端网站,也需兼容PC端。还没找到更好的方法,只能用javascr判断用户是在PC端打开还是移动端打开。
JS判断
var isPC = function (){
var userAgentInfo = navigator.userAgent.toLowerCase();
var Agents = new Array("android", "iphone", "symbianOS", "windows phone", "ipad", "ipod");
var flag = true;
for (var v = 0; v < Agents.length; v++) {
if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }
}
return flag;
}
根据判断,引入不同的css样式文件
var isPC = isPC();
function js_onload(){
var head=document.getElementsByTagName("head");
var es=document.createElement("link");
if (!isPC) {
es.href=‘css/mobile.css‘;
}else{
es.href= ‘css/PC.css‘
}
es.rel="stylesheet";
es.type="text/css";
head[0].appendChild(es);
}
js_onload();
这个有些麻烦!!!!也许后续会找到更好的方法,来写这些兼容了