分别定义移动端和pc端两个css文件,然后根据js判断再执行对应的css文件。
<script>
var is_mobi = true;
// 判断是手机还是电脑
is_mobi = navigator.userAgent.toLowerCase().match(/(ipod|ipad|iphone|android|coolpad|mmp|smartphone|midp|wap|xoom|symbian|j2me|blackberry|wince)/i) != null;
if (is_mobi) {//移动端
console.log("移动端")
$(\'head\').append(\'<link href="./css/mIndex.css" rel="stylesheet" type="text/css" />\')
// 弹幕css
$(\'head\').append(\'<link rel="stylesheet" href="./css/barrager.css">\')
}else{//pc端
console.log("电脑端")
$(\'head\').append(\'<link href="./css/pcIndex.css" rel="stylesheet" type="text/css" />\')
// 弹幕css
$(\'head\').append(\'<link rel="stylesheet" href="./css/barragerPC.css">\')
}
</script>