修改页面宽度固定引起的bug

assets/style/common.less

-img{
-    -webkit-user-select:none;
-    -moz-user-select:none;
-    -o-user-select:none;
-    user-select:none;
-}
-body, div, span, header, footer, nav, section, aside, article, ul, dl, dt, dd, li, a, p, h1, h2, h3, h4,h5, h6, i, b, textarea, button, input, select, figure, figcaption {
-    padding: 0;
-    margin: 0;
-    list-style: none;
-    font-style: normal;
-    text-decoration: none;
-    border: none;
-    color: #333;
-    font-weight: normal;
-    font-family: "PingFangSC-Regular","-apple-system-font","Source Han Sans","Helvetica Neue","sans-serif";
-    box-sizing: border-box;
-    -webkit-tap-highlight-color:transparent;
-    -webkit-font-smoothing: antialiased;
-    &:hover{
-        outline: none;
-    }
-}
-/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/  
-::-webkit-scrollbar  
-{  
-    width: 0px;  
-    height: 0px;  
-    background-color: #F5F5F5;  
-}  
-  
-/*定义滚动条轨道 内阴影+圆角*/  
-::-webkit-scrollbar-track  
-{  
-    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);  
-    border-radius: 10px;  
-    background-color: #F5F5F5;  
-}  
-  
-/*定义滑块 内阴影+圆角*/  
-::-webkit-scrollbar-thumb  
-{  
-    border-radius: 10px;  
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);  
-    background-color: #555;  
-}  
-
-input[type="button"], input[type="submit"], input[type="search"], input[type="reset"] {
-    -webkit-appearance: none;
-}
-
-textarea { -webkit-appearance: none;}   
-
 html,body{
-    height: 100%;
-    width: 100%;
-    background-color: #fff;
-}
-
-.clear:after{
-    content: '';
-    display: block;
-    clear: both;
-}
-
-.clear{
-    zoom:1;
-}
-
-.back_img{
-    background-repeat: no-repeat;
-    background-size: 100% 100%;
-}
-
-.margin{
-    margin: 0 auto;
-}
-
-.left{
-    float: left;
-}
-
-.right{
-    float: right;
+  width: 100%;
+  background-color: #fff;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
 }
-
-.hide{
-    display: none;
-}
-
-.show{
-    display: block;
-}
-
-.ellipsis{
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-
-.paddingTop{
-    padding-top: 1.95rem;
-}
-
-@keyframes backOpacity{
-   0%   { opacity: 1 }
-   25%  { opacity: .5 }
-   50%  { opacity: 1 }
-   75%  { opacity: .5 }
-   100% { opacity: 1 }
-}
-
-.animation_opactiy{
-    animation: backOpacity 2s ease-in-out infinite;
-}
-
-.template-content .mint-cell-title {
-    display: none;
-}
-.template-content .mint-cell-value {
-    width: 100%;
-}
-.template-content .mint-cell-wrapper {
-    padding: 0;
+img{
+  -webkit-user-select:none;
+  -moz-user-select:none;
+  -o-user-select:none;
+  user-select:none;
+  margin-bottom: -.5px;
 }
\ No newline at end of file

assets/style/index.less

 .index-wrap {
+  width: 100%;
+  position: relative;
   div {
-    width: 375px;
-
+    width: 100%;
     img {
-      width: 375px;
+      width: 100%;
       display: block;
     }
   }
@@ -12,7 +13,7 @@
     height: 72.5px;
     background: url(../img/img4.png) no-repeat center center;
     background-size: 100% 100%;
-
+    margin-bottom: -.5px;
     .wrap-count {
       width: 325px;
       height: 72.5px;
@@ -50,7 +51,7 @@
     height: 94.5px;
     background: url(../img/img5.png) no-repeat center center;
     background-size: 100% 100%;
-
+    margin-bottom: -.5px;
     img {
       padding-top: 15px;
     }
@@ -68,7 +69,7 @@
     height: 166px;
     background: url(../img/img11.png) no-repeat center center;
     background-size: 100% 100%;
-
+    margin-bottom: -.5px;
     img {
       padding-top: 81px;
     }
@@ -127,7 +128,7 @@
 
       .btn-rule {
         width: 110px;
-        height: 15px;
+        // height: 15px;
         font-size: 15px;
         color: rgba(255, 255, 255, 1);
         line-height: 15px;
@@ -146,7 +147,7 @@
   }
 
   .fix-btn {
-    width: 375px;
+    width: 100%;
     height: 50px;
     position: fixed;
     left: 0;
@@ -187,7 +188,7 @@
 
 // 微信分享助力活动
 .wx-share-wrap {
-  width: 375px;
+  width: 100%;
   // height: 601.5px;
   button,input{
     appearance: none;
@@ -195,11 +196,12 @@
     outline: none;
   }
   section {
-    width: 375px;
+    width: 100%;
     // height: 601.5px;
     padding-bottom: 27.5px;
     background: url(../img/bgtop.png) no-repeat;
     background-size: 100% 100%;
+    margin-bottom: -.5px;
     .invite-info{
       img{
         width: 50px;
@@ -368,10 +370,10 @@
   }
 }
 .wx-share-result{
-  width: 375px;
+  width: 100%;
   // height: 601.5px;
   section{
-    width: 375px;
+    width: 100%;
     // height: 601.5px;
     padding-top: 40px;
     .res-wrap{
@@ -418,7 +420,7 @@
       color:rgba(103,104,105,1);
     }
     .line{
-      width: 375px;
+      width: 100%;
       height: 5px;
       background:rgba(248,249,250,1);
     }

components/h5header/index.less

 header{
-	width: 375px;
+	width: 100%;
 	position: fixed;
 	left: 0;
 	top: 0;
 	z-index: 300;
 	.status{
-		width: 375px;
+		width: 100%;
 	}
 	.head-wrap{
-		width: 375px;
+		width: 100%;
 		height: 44Px;
 		line-height: 44Px;
 		box-sizing: border-box;

nuxt.config.js

@@ -39,6 +39,7 @@ module.exports = {
   ** Global CSS
   */
   css: [
+    '~/assets/style/common.less',
     'vant/lib/index.css'
   ],
   /*