可以先使用JS代码判断页面是移动端还是PC端,然后加载不同的CSS样式表现,让移动端和pc端颜色不一样。
具体方法:
方法1:if(/AppleWebKit.*mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
if(window.location.href.indexOf("?mobile") < 0) {
try {
if(/Android|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
//window.location.href = "手机页面";
console.log(手机页面)
} else if(/iPad/i.test(navigator.userAgent)) {
//window.location.href = "平板页面";
console.log(平板页面)
} else {
//windo