修正

index.html

@@ -111,7 +111,7 @@
             </div>
             <!-- 手機背景 -->
             <img id="mobilecover" src="./img/banner/cover1webp.webp" alt="">
-            <a data-gt-target="#information" data-gt-duration="500" data-gt-offset="70"><button class="btn">手刀報名</button></a>
+            <a  data-gt-target="#information" data-gt-duration="500" data-gt-offset="70"><button  class="btn">手刀報名</button></a>
         </div>
     </section>
     <a id="btn-a" data-gt-target="#information-mobile" data-gt-duration="500" data-gt-offset="100"><button

style.css

@@ -88,7 +88,7 @@ body #btn-a {
 body #btn-a #mobile-btn {
   display: block;
   margin: 0 auto;
-  margin-top: 1vw;
+  margin-top: 10vw;
   width: 60vw;
   border-radius: 30px;
   padding: 12px;
@@ -100,6 +100,12 @@ body #btn-a #mobile-btn {
   font-weight: 900;
 }
 
+@media screen and (min-height: 800px) {
+  body #btn-a #mobile-btn {
+    margin-top: 5vw;
+  }
+}
+
 @media screen and (min-width: 768px) {
   body #btn-a {
     display: none;
@@ -248,6 +254,12 @@ body #btn-a #mobile-btn {
   }
 }
 
+@media screen and (min-height: 800px) {
+  #banner {
+    height: 80vh;
+  }
+}
+
 #banner .banner1 {
   width: 85vw;
   padding-top: 10vw;

style.scss

@@ -79,7 +79,7 @@ body {
         #mobile-btn {
             display: block;
             margin: 0 auto;
-            margin-top: 1vw;
+            margin-top: 10vw;
             width: 60vw;
             border-radius: 30px;
             padding: 12px;
@@ -88,6 +88,9 @@ body {
             box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
             border: 3px solid #a9d0c5;
             font-weight: 900;
+            @media screen and(min-height:800px) {
+                margin-top: 5vw;
+            }
         }
         @media screen and(min-width:768px) {
             display: none;
@@ -203,6 +206,9 @@ body {
         height: 100vh;
         padding-bottom: 30vw;
     }
+    @media screen and(min-height:800px) {
+        height: 80vh;
+    }
     .banner1 {
         width: 85vw;
         padding-top: 10vw;