求助！帮帮我！

烟雨

@Ta 2015-04-07 2024点击

网站怎么实现电脑访问一个页面！手机访问一个页面！怎么实现好心人帮帮我

隐藏样式查看源码

回复列表(4|隐藏机器人聊天)

1

无语沉

@Ta / 2015-04-07 / 样 / 源

是这样吗？
icehot.cn
2

水木易安

@Ta / 2015-04-07 / 样 / 源

是相同地址吗?可以在头部利用js或者php来判断设备型号,做跳转.
php则可以在服务器端生成不同内容
3

烟雨

@Ta / 2015-04-07 / 样 / 源

谢谢！弄好了
4

小张没有名字

@Ta / 2015-04-07 / 样 / 源

1.通过php检测是否为电脑，不是则跳转或显示手机页面的内容

2.通过js判断检测操作系统，跳转
判断代码:
    //平台、设备和操作系统
    var system ={
        win : false,
        mac : false,
        xll : false
    };
    //检测平台
    var p = navigator.platform;


    system.win = p.indexOf("Win") == 0;
    system.mac = p.indexOf("Mac") == 0;
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
    //跳转语句
    if(system.win||system.mac||system.xll){
//电脑
if(document.body.scrollWidth < 700){
    //判断屏幕宽度，插入js跳转页面
}else {
//插入js代码跳转页面
}

    }else{
        //手机
         //插入js代码跳转页面
    }


3.通过js判断检测操作系统，再通过js实现更改css class，实现自适应   例:ijuhe.org

<script>


    //平台、设备和操作系统
    var system ={
        win : false,
        mac : false,
        xll : false
    };
    //检测平台
    var p = navigator.platform;


    system.win = p.indexOf("Win") == 0;
    system.mac = p.indexOf("Mac") == 0;
    system.x11 = (p == "X11") || (p.indexOf("Linux") == 0);
    //跳转语句
    if(system.win||system.mac||system.xll){
//电脑
if(document.body.scrollWidth < 700){
document.getElementById("bj").style.display = "none";
document.getElementById("bj_you").style.width =document.body.clientWidth - 48;

}else {
document.getElementById("bj").style.width=document.body.scrollWidth * 0.78 - 48;
}

    }else{
        //手机
document.getElementById("bj").style.display = "none";
document.getElementById("login_shang").style.height = "10%";
document.getElementById("bj_you").style.width =document.body.clientWidth - 48;

    }

</script>

Zcy

添加新回复

回复需要登录。