commit in 3.19

css/join.css

@@ -86,8 +86,8 @@ body {
     margin: 0 auto;
     overflow: hidden;
     top: 0;
-    left: 0;
-    transform: translate(37%, 0);
+    /* left: 0; */
+    /* transform: translate(37%, 0); */
 }
 
 .join-img-item>img {
@@ -99,11 +99,11 @@ body {
     width: 9.5rem;
     padding: 0.2em;
     background: #fff;
-    transform: rotate(17deg) translate(37%, -10%);
-    -moz-transform: rotate(17deg) translate(37%, -10%);
-    -webkit-transform: rotate(17deg) translate(37%, -10%);
-    -o-transform: rotate(17deg) translate(37%, -10%);
-    -ms-transform: rotate(17deg) translate(37%, -10%);
+    transform: rotate(17deg) ;
+    -moz-transform: rotate(17deg) ;
+    -webkit-transform: rotate(17deg) ;
+    -o-transform: rotate(17deg) ;
+    -ms-transform: rotate(17deg) ;
     box-shadow: 0px 0px 10px #999;
 }
 
@@ -265,14 +265,14 @@ body {
 
 @media screen and (min-width: 375px) and (max-width: 410px) {
     .join-img-item {
-        transform: translate(37%, 0);
+        /* transform: translate(37%, 0); */
     }
     .div-skew {
-        transform: rotate(17deg) translate(37%, -10%);
-        -moz-transform: rotate(17deg) translate(37%, -10%);
-        -webkit-transform: rotate(17deg) translate(37%, -10%);
-        -o-transform: rotate(17deg) translate(37%, -10%);
-        -ms-transform: rotate(17deg) translate(37%, -10%);
+        transform: rotate(17deg) ;
+        -moz-transform: rotate(17deg) ;
+        -webkit-transform: rotate(17deg) ;
+        -o-transform: rotate(17deg) ;
+        -ms-transform: rotate(17deg) ;
     }
     .territory h3 {
         font-size: 20px;
@@ -322,14 +322,14 @@ body {
 
 @media screen and (min-width: 351px) and (max-width: 374px) {
     .join-img-item {
-        transform: translate(20%, 0);
+        /* transform: translate(20%, 0); */
     }
     .div-skew {
-        transform: rotate(17deg) translate(20%, -10%);
-        -moz-transform: rotate(17deg) translate(20%, -10%);
-        -webkit-transform: rotate(17deg) translate(20%, -10%);
-        -o-transform: rotate(17deg) translate(20%, -10%);
-        -ms-transform: rotate(17deg) translate(20%, -10%);
+        transform: rotate(17deg) ;
+        -moz-transform: rotate(17deg) ;
+        -webkit-transform: rotate(17deg) ;
+        -o-transform: rotate(17deg) ;
+        -ms-transform: rotate(17deg) ;
     }
     .territory h3 {
         font-size: 17px;
@@ -390,14 +390,14 @@ body {
 
 @media screen and (min-width: 300px) and (max-width: 350px) {
     .join-img-item {
-        transform: translate(40%, 0);
+        /* transform: translate(40%, 0); */
     }
     .div-skew {
-        transform: rotate(17deg) translate(40%, -10%);
-        -moz-transform: rotate(17deg) translate(40%, -10%);
-        -webkit-transform: rotate(17deg) translate(40%, -10%);
-        -o-transform: rotate(17deg) translate(40%, -10%);
-        -ms-transform: rotate(17deg) translate(40%, -10%);
+        transform: rotate(17deg) ;
+        -moz-transform: rotate(17deg) ;
+        -webkit-transform: rotate(17deg) ;
+        -o-transform: rotate(17deg) ;
+        -ms-transform: rotate(17deg) ;
     }
     .territory h3 {
         font-size: 17px;

js/index.js

@@ -1,7 +1,8 @@
 $(function() {
   if (
     navigator.userAgent.indexOf("iPhone") > -1 ||
-    navigator.userAgent.indexOf("Android") > -1 
+    navigator.userAgent.indexOf("Android") > -1 ||
+    navigator.userAgent.indexOf('Mac') > -1
   ) {
     console.log("移动端");
   } else {