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

html-css024

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

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

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

电脑不能启动的原因

系统不承认硬盘

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

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

1、首先准备一个HTML结构的文档，页面可以制作的简单点。

2、然后在页面的body区域中放置一个img图片。

3、我们先来运行一下页面，你会在页面中看到如下图所示的圆圈。

4、接下来我们就需要对页面进行CSS处理，如下图所示，给img图片添加样式，注意里面有旋转样式。

5、然后实现旋转的设置，这个是CSS3的新功能，主要是对图片进行旋转度数的设置。

6、最后运行程序，你会看到页面中的圆圈在不停的旋转，和我们平常看到的加载中的效果很像。

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

再用就是使用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

    }