src/App.vue

@@ -87,12 +87,6 @@
   }
 }
 
-@media screen and (max-width: 479px) {
-  html {
-    font-size: 3px !important;
-  }
-}
-
 @media only screen and (min-width: 479px) {
   #nav {
     width: 100% !important;
@@ -216,7 +210,7 @@
 
 <script>
 /* eslint-disable */
-
+document.getElementsByTagName("html")[0].style.fontSize=document.body.clientWidth/200+'px'
 export default {
   name: "app",
   data() {
@@ -228,6 +222,7 @@ export default {
   mounted() {
     const that = this;
     window.onresize = () => {
+      console.log("object");
       return (() => {
         window.screenWidth = document.body.clientWidth;
         that.screenWidth = window.screenWidth;

src/views/About.vue

@@ -168,10 +168,10 @@ export default {
     margin-right: 20px;
   }
   .leftmenu{
-    width: 190px!important;
+    width: 180px!important;
   }
   .navBarWrap {
-    width: 190px!important;
+    width: 180px!important;
   }
   .navBarWrap{
     margin-left: 0px!important;
@@ -267,7 +267,7 @@ export default {
     display: none!important;
   }
   .navBarWrap {
-    width: 90px!important;
+    width: 84px!important;
   }
   .navBarWrap{
     margin-left: 0px!important;
@@ -404,7 +404,7 @@ export default {
   margin-top: 100px;
   display: flex;
   flex-direction: row;
-  justify-content: space-evenly;
+  justify-content: flex-start;
 }
 .rightcontent {
   margin-top: 60px;