分別定義移動端和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>