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

html-css019

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

    }