修复一部分样式

css/macdefault.css

@@ -513,10 +513,7 @@ body {
 }
 
 #win10_btn_group_middle .btn.active{
-   /* background: #F6F6F6; */
+    background: rgba(255,255,255,0.6); 
-   -webkit-box-shadow: 1px  0 1px 1px rgba(0, 0, 0, 0.8);
-    -moz-box-shadow: 1px  0 1px 1px rgba(0, 0, 0, 0.8);
-    box-shadow: 1px  0 1px 1px rgba(0, 0, 0, 0.8);
 }
 
 #win10_btn_group_middle .btn:hover{
@@ -900,7 +897,7 @@ body {
     #win10-menu .list{
         padding-left: 2px;
         position: absolute;
-        width: calc(100% - 31px);
+        width:100%;
         left: 0;
         top: 0;
 
@@ -913,6 +910,10 @@ body {
         clear: both;
     }
 
+    #win10-menu .list .item, .sub-item{
+        width: 100%;
+    }
+
     #win10_btn_time{display: none}
     #win10-menu-switcher{
         display: none;
@@ -927,11 +928,101 @@ body {
         width: 32px;
     }
 	#footer{
-		bottom:0;
+		bottom:10px;
+	}
+	
+	/*#footer .dock{
+		width: 100%;
+		border-radius: 0px;
+	}*/
+}
+
+@media (min-width: 1281px) {
+  
+  //CSS
+  
+}
+
+/* 
+  ##笔记本或PC
+  ##1025px - 1280px
+*/
+
+@media (min-width: 1025px) and (max-width: 1280px) {
+  
+
+  
+}
+
+/* 
+  ##平板电脑/Ipad竖屏
+  ##768px - 1024px
+*/
+
+@media (min-width: 768px) and (max-width: 1024px) {
+    #footer{
+        bottom:10px;
+    }
+    
+
+    #footer .dock{
+         border-radius: 8px;
+    }
+}
+
+/* 
+  ##平板电脑或Ipad横屏
+  ##768px - 1024px
+*/
+
+@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
+
+  #footer{
+        bottom:6px;
+    }
+    
+    #footer .dock{
+         border-radius: 6px;
+    }
+}
+
+/* 
+  ##低分辨率的平板电脑或横屏的手机
+  ##481px - 767px
+*/
+
+@media (min-width: 481px) and (max-width: 767px) {
+  #footer{
+        bottom:6px;
+    }
+    
+    #footer .dock{
+        border-radius: 6px;
+        -webkit-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
+        -moz-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
+        box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
+    }
+}
+
+/* 
+  ##多数竖屏的智能手机
+  ##320px - 479px
+*/
+
+@media (min-width: 320px) and (max-width: 480px) {
+     #footer{
+        bottom:0px;
     }
     
     #footer .dock{
         width: 100%;
         border-radius: 0px;
+        -webkit-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
+        -moz-box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
+        box-shadow: 0 0 0px 0 rgba(0, 0, 0, 0.8);
+    }
+
+    #win10-menu .list .item, .sub-item{
+        width: 100%;
     }
 }

demo.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
     <title>mac桌面</title>
-    <link rel='Shortcut Icon' type='image/x-icon' href='./macimg/apple.ico'>
+    <link rel='Shortcut Icon' type='image/x-icon' href='./img/favicon.ico'>
     <script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
     <link href="./css/animate.css" rel="stylesheet">
     <script type="text/javascript" src="./component/layer-v3.0.3/layer/layer.js"></script>
@@ -44,7 +44,7 @@
                     shade:0,
 					skin:'win10-open-iframe',
                     offset: 'rb',
-                    content: '//win10ui.yuri2.cn/src/broadcast.html'
+                    content: './broadcast.html'
                 })
             },2000)
         });

index.html

@@ -5,7 +5,7 @@
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
     <title>mac桌面</title>
-    <link rel='Shortcut Icon' type='image/x-icon' href='./macimg/apple.ico'>
+    <link rel='Shortcut Icon' type='image/x-icon' href='./img/favicon.ico'>
     <script type="text/javascript" src="./js/jquery-2.2.4.min.js"></script>
     <link href="./css/animate.css" rel="stylesheet">
     <script type="text/javascript" src="./component/layer-v3.0.3/layer/layer.js"></script>
@@ -30,7 +30,6 @@
                 'animated flip',
                 'animated bounceIn',
             ], 0.01);
-
             setTimeout(function () {
                 Win10.newMsg('推荐全屏', '按下F11全屏以达到最佳视觉效果(点击进入)',function () {
                     Win10.enableFullScreen();
@@ -45,11 +44,10 @@
                     shade:0,
 					skin:'win10-open-iframe',
                     offset: 'rb',
-                    content: '//win10ui.yuri2.cn/src/broadcast.html'
+                    content: './broadcast.html'
                 })
             },2000)
         });
-		
     </script>
 </head>
 <body>