Question

css如何判断页面是由移动端打开还是pc端加载不同的网页样式

Answer 1

1、媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。

2、通过user-agent值，来进行判断。使用javascript框架中的Navigator对象的userAgent属性。以下是判断代码:

电脑不能启动的原因

系统不承认硬盘

此类故障比较常见，即从硬盘无法启动，从A盘启动也无法进入C盘，使用CMOS中的自动监测功能也无法发现硬盘的存在。这种故障大都出现在连接 电缆 或IDE口端口上，硬盘本身的故障率很少，可通过重新插拔硬盘电缆或者改换IDE口及电缆等进行替换试验，可很快发现故障的所在。

如果新接上的硬盘不承认，还有一个常见的原因就是硬盘上的主从条线，如果硬盘接在IDE的主盘位置，则硬盘必须跳为主盘状，跳线错误一般无法检测到硬盘。

Answer 2

一个是媒体查询，但是这个只能判断尺寸，并不能判断是不是移动设备。

再用就是使用js控制

    /**
     * 判断是够是pc设备
     */
    function IsPC() {
        var userAgentInfo = navigator.userAgent;
        var Agents = ["Android", "iPhone","SymbianOS", "Windows Phone", "iPod"];
        var flag = true;
        for (var v = 0; v < Agents.length; v++) {
            if (userAgentInfo.indexOf(Agents[v]) > 0) {
                flag = false;
                break;
            }
        }
        if(window.screen.width>=768){
             flag = true;
        }
        return flag;
    }

Answer 3

媒体查询

/* 超小屏幕（手机，小于 768px） */
/* 没有任何媒体查询相关的代码，*/
/* 小屏幕（平板，大于等于 768px） */
@media (min-width: @screen-sm-min) { ... }

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media (min-width: @screen-md-min) { ... }

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: @screen-lg-min) { ... }