fix

main.css

@@ -7,7 +7,10 @@ html {
   background: #333740;
   background: #333740;
   color: #fff; }
   color: #fff; }
 
 
-.page1 .main {
+.page1 {
+  width: 18.75rem;
+  height: 30rem; }
+  .page1 .main {
     padding: 0 0.5rem; }
     padding: 0 0.5rem; }
     .page1 .main h3 {
     .page1 .main h3 {
       font-size: 0.5rem;
       font-size: 0.5rem;
@@ -17,7 +20,7 @@ html {
 
 
 .page2 {
 .page2 {
   width: 18.75rem;
   width: 18.75rem;
-  height: 25rem; }
+  height: 30rem; }
   .page2 .title {
   .page2 .title {
     width: 100%;
     width: 100%;
     height: 1.75rem;
     height: 1.75rem;

main.css.map

 {
 {
 "version": 3,
 "version": 3,
-"mappings": "AAGA,UAAS;EAAC,MAAM,EAAE,CAAC;EAAC,OAAO,EAAE,CAAC;;AAE9B,IAAI;EAAC,SAAS,EADJ,IAAI;EACW,UAAU,EAAE,OAAe;EAAC,KAAK,EAAE,IAAI;;AAS5D,YAAK;EACP,OAAO,EAAE,QAAS;EAClB,eAAE;IACD,SAAS,EAAE,MAAO;IAClB,UAAU,EAAE,MAAM;EAEnB,cAAC;IACA,SAAS,EAAE,MAAO;;AAKrB,MAAM;EACF,KAAK,EAAE,QAAQ;EAAC,MAAM,EAAE,KAAS;EACjC,aAAM;IACL,KAAK,EAAE,IAAI;IAAC,MAAM,EAAE,OAAO;IAAC,WAAW,EAAE,OAAO;IAAC,UAAU,EAAE,OAAe;IAAC,SAAS,EAAE,MAAO;IAC/F,iBAAG;MACF,KAAK,EAAE,MAAO;MAAC,MAAM,EAAE,MAAO;MAAC,WAAW,EAAE,MAAO;IAEvD,kBAAI;MACA,OAAO,EAAE,YAAY;MAAC,SAAS,EAAE,MAAO;MAAC,UAAU,EAAE,IAAI;MAAC,WAAW,EAAE,MAAO;EAGnF,WAAI;IACA,KAAK,EAAC,IAAI;IAAC,MAAM,EAAC,KAAQ;EAE3B,YAAK;IACP,OAAO,EAAE,QAAS;IAClB,eAAE;MACD,SAAS,EAAE,MAAO;MAClB,UAAU,EAAE,MAAM;IAEnB,cAAC;MACA,SAAS,EAAE,MAAO",
+"mappings": "AAGA,UAAS;EAAC,MAAM,EAAE,CAAC;EAAC,OAAO,EAAE,CAAC;;AAE9B,IAAI;EAAC,SAAS,EADJ,IAAI;EACW,UAAU,EAAE,OAAe;EAAC,KAAK,EAAE,IAAI;;AAQhE,MAAM;EACF,KAAK,EAAE,QAAQ;EAAC,MAAM,EAAE,KAAS;EACjC,YAAK;IACP,OAAO,EAAE,QAAS;IAClB,eAAE;MACD,SAAS,EAAE,MAAO;MAClB,UAAU,EAAE,MAAM;IAEnB,cAAC;MACA,SAAS,EAAE,MAAO;;AAKrB,MAAM;EACF,KAAK,EAAE,QAAQ;EAAC,MAAM,EAAE,KAAS;EACjC,aAAM;IACL,KAAK,EAAE,IAAI;IAAC,MAAM,EAAE,OAAO;IAAC,WAAW,EAAE,OAAO;IAAC,UAAU,EAAE,OAAe;IAAC,SAAS,EAAE,MAAO;IAC/F,iBAAG;MACF,KAAK,EAAE,MAAO;MAAC,MAAM,EAAE,MAAO;MAAC,WAAW,EAAE,MAAO;IAEvD,kBAAI;MACA,OAAO,EAAE,YAAY;MAAC,SAAS,EAAE,MAAO;MAAC,UAAU,EAAE,IAAI;MAAC,WAAW,EAAE,MAAO;EAGnF,WAAI;IACA,KAAK,EAAC,IAAI;IAAC,MAAM,EAAC,KAAQ;EAE3B,YAAK;IACP,OAAO,EAAE,QAAS;IAClB,eAAE;MACD,SAAS,EAAE,MAAO;MAClB,UAAU,EAAE,MAAM;IAEnB,cAAC;MACA,SAAS,EAAE,MAAO",
 "sources": ["main.scss"],
 "sources": ["main.scss"],
 "names": [],
 "names": [],
 "file": "main.css"
 "file": "main.css"

main.scss

@@ -12,6 +12,7 @@ html{font-size:$mainSize;background: rgb(51, 55, 64);color: #fff;}
 
 
 //结构
 //结构
 .page1{
 .page1{
+    width: f(750px);height: f(1200px);
     .main{
     .main{
 		padding: 0 f(20px);
 		padding: 0 f(20px);
 		h3{
 		h3{
@@ -25,7 +26,7 @@ html{font-size:$mainSize;background: rgb(51, 55, 64);color: #fff;}
 }
 }
 
 
 .page2{
 .page2{
-    width: f(750px);height: f(1000px);
+    width: f(750px);height: f(1200px);
     .title{
     .title{
 	    width: 100%;height: f(70px);line-height: f(70px);background: rgb(41, 44, 53);font-size: f(20px);
 	    width: 100%;height: f(70px);line-height: f(70px);background: rgb(41, 44, 53);font-size: f(20px);
 	    img{
 	    img{