html如何检测判断设备是手机还是电脑，然后自动决定加载哪个CSS

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

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

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

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

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

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

通过navigator.platform来判断

 <script type="text/javascript">

         var system ={}  

        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){//如果是电脑跳转到

                window.location.href="#"  

        }else{  //如果是手机,跳转到

               window.location.href="#"  

        }

 </script>

---