Adaptive mobile phone

Author: anjoy8

src/App.vue

@@ -159,7 +159,7 @@ a {
 .header-container-logo {
   float: left;
   color: #ec7259;
-  margin: 0 30px;
+  margin-left : 10px;
 }
 
 .header-container-userinfo {
@@ -223,12 +223,14 @@ a {
   color: #ec7259;
   background-color: #fff;
   border-color: #ec7259;
+  margin-top: 7px;
 }
 
 .header-container-hv._1YbC5u, .header-container-hv._1YbC5u[disabled]:hover {
   color: #fff;
   background-color: #ec7259;
   border-color: #ec7259;
+  margin-top: 7px;
 }
 
 .header-container-user-btn+.header-container-user-btn, .header-container-user-btn>.anticon+span, .header-container-user-btn>span+.anticon {
@@ -261,16 +263,17 @@ a {
 }
 
 .header-container-logo, .header-container-banner-item, .header-container-userinfo, .header-container-userinfo ._3Sn1bM, .header-container-banner-item-btn {
-  display: flex;
+  display: block;
   align-items: center;
-  height: 56px;
 }
 
 .header-container-banner-item-btn {
   font-size: 17px;
   color: #333;
   padding: 0 20px;
   cursor: pointer;
+  float: left;
+  line-height: 60px;
 }
 
 .header-container-logout {

src/style/m.css

@@ -116,4 +116,5 @@ a.viewmore { position: static; margin-top: 20px; text-align: center }
 .tab_buttons ul { width: 600px;overflow-x: scroll;}
 .tab_buttons li {margin-right: 30px;width: auto;}
 .newscurrent:after{width:100%}
+.header-container-banner{display: none !important}
 }