修改滑动条导致的右边空白页

src/views/Selectmodel.vue

@@ -308,13 +308,26 @@ const goToEmotionsmodel = () => {
   .homepage {
     background-size: cover;
     min-height: 100vh;
+    width: 100vw;
+    overflow-x: hidden;
+  }
+  
+  .main-icon {
+    margin-top:46rem;
+    width: calc(20vw + 100px);
+    max-width: 300px;
+    min-width: 300px;
+  }
+  
+  /* 隐藏滚动条 */
+  body {
+    overflow-x: hidden;
+  }
+  
+  html, body {
+    width: 100%;
+    max-width: 100vw;
   }
-  /* .main-icon {
-  max-width: 350px;
-  width: 28vw;
-  height: auto;
-  margin-top:48vw;
-} */
 }
 @media screen and (min-width: 1025px) and (max-width: 1700px){
   .main-icon {