update

css/index.css

@@ -1,5 +1,4 @@
 html, body , img, footer{
-    max-width: 100%;
     margin: 0;
     position: relative;
     font-family: "微軟正黑體";
@@ -11,6 +10,10 @@ html{
     height: 1080px;
 }
 
+.background{
+    max-width: 1920px;
+}
+
 a{
     text-decoration: none;
     color: rgba(255, 255, 255, .7);
@@ -96,8 +99,9 @@ footer{
     z-index: 0;
     background-image: url(../images/under_banner.png);
     background-repeat: no-repeat;
-    background-size: 100%;
+    background-size: 1920px 42px;
     background-position: center;
+    max-width: 1920px;
     height: 42px;
 }
 

index.html

@@ -7,9 +7,6 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>3D區域狀態</title>
 
-    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.3/css/all.css">
-    <!-- <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> -->
-
     <link rel="stylesheet" href="css/index.css">
 
     <script src="js/jquery-3.5.1.min.js"></script>
@@ -27,51 +24,51 @@
         </div>
     </nav>
 
-    <div id="bg col-12">
-        <img src="../images/bg_04.png" alt="bg">
+    <div id="bg">
+        <img src="../images/bg_04.png" class="background" alt="bg">
 
         <div id="first_floor">
-            <div class="col-7">
+            <div>
                 <img src="../images/area_1F.png" alt="area_1F" width="39%">
             </div>
-                <div class="sign1 col-auto">
+                <div class="sign1">
                     <img id="a" class="sign" src="../images/sign_A.png" alt="" width="36px" style="z-index: 1;">
                     <img class="hidden_a" src="../images/sign_a_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
                 </div>
-                <div class="sign2 col-auto">
+                <div class="sign2">
                     <img id="b" class="sign" src="../images/sign_B.png" alt="" width="36px" style="z-index: 1;">
                     <img class="hidden_b" src="../images/sign_b_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
                 </div>
-                <div class="sign3 col-auto">
+                <div class="sign3">
                     <img id="c" class="sign" src="../images/sign_C.png" alt="" width="36px" style="z-index: 1;">
                     <img class="hidden_c" src="../images/sign_c_text.png" alt="" width="14%" style="margin-left: 1%; z-index: 0;">
                 </div>
         </div>
 
         <div id="basement_floor">
-            <div class="col-5">
+            <div>
                 <img src="../images/area_B1.png" alt="area_B1" width="41%">
             </div>
-            <div class="sign4 col-auto">
+            <div class="sign4">
                 <img id="d" class="sign" src="../images/sign_D.png" alt="" width="36px" style="z-index: 1;">
                 <img class="hidden_d" src="../images/sign_d_text.png" alt="" width="14%" style="margin-right: -13%; z-index: 0;">
             </div>
-            <div class="sign5 col-auto">
+            <div class="sign5">
                 <img id="e" class="sign" src="../images/sign_E.png" alt="" width="36px" style="z-index: 1;">
                 <img class="hidden_e" src="../images/sign_e_text.png" alt="" width="14%" style="margin-right: -13%; z-index: 0;">
             </div>
-            <div class="sign6 col-auto">
+            <div class="sign6">
                 <img id="f" class="sign" src="../images/sign_F.png" alt="" width="36px" style="z-index: 1;">
                 <img class="hidden_f" src="../images/sign_f_text.png" alt="" width="14%" style="margin-right: -13%; z-index: 0;">
             </div>
         </div>
     </div>
 
-    <footer class="col-12">
-        <div class="footer_buttons col-12">
-            <a class="col-auto" href="#">服務據點</a>
-            <a class="col-auto" href="#">聯絡我們</a>
-            <a class="col-auto" href="#">GLOBAL LINK</a>
+    <footer>
+        <div class="footer_buttons">
+            <a href="#">服務據點</a>
+            <a href="#">聯絡我們</a>
+            <a href="#">GLOBAL LINK</a>
         </div>
     </footer>