修改样式

src/styles/media.scss

@@ -1,4 +1,4 @@
-@media only screen and (max-width: 500px) {
+@media only screen and (max-width: 767px) {
   html {
     font-size: 30px;
   }
@@ -10,17 +10,17 @@
 // }
 
 /* Medium devices (landscape tablets, 768px and up) */
-@media only screen and (min-width: 768px) {
-  html {
-    font-size: 50px;
-  }
-}
-
-// @media screen and (orientation: portrait) and (max-width: 640px) {
-// .mainBox {
-//   -webkit-transform: rotate(-90deg);
-//   -moz-transform: rotate(-90deg);
-//   -ms-transform: rotate(-90deg);
-//   transform: rotate(-90deg);
-// }
+// @media only screen and (min-width: 800px) {
+//   html {
+//     font-size: 50px;
+//   }
 // }
+
+@media screen and (orientation: portrait) and (max-width: 640px) {
+  // .mainBox {
+  //   -webkit-transform: rotate(-90deg);
+  //   -moz-transform: rotate(-90deg);
+  //   -ms-transform: rotate(-90deg);
+  //   transform: rotate(-90deg);
+  // }
+}