From d45a0d22b16fe3fd46f357149d19babdeb6805a6 Mon Sep 17 00:00:00 2001
From: strawberry42271 <2806566736@qq.com>
Date: Sat, 8 Feb 2025 17:04:47 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AB=96=E5=B1=8F=E9=80=82=E9=85=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html | 10 +++++-----
 styles.css |  7 ++++++-
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index f5a7d3d..a316bc3 100644
--- a/index.html
+++ b/index.html
@@ -74,11 +74,11 @@
         <div id="startTop">
            <!-- 新增图片展示区域 -->
     <div id='startTopGallery'>
-      <div class='loading-slide active' style="background-image: url('project/images/bg_1511.webp')"></div>
-      <div class='loading-slide' style="background-image: url('project/images/bg_1521.webp')"></div>
-      <div class='loading-slide' style="background-image: url('project/images/bg_2011.webp')"></div>
-      <div class='loading-slide' style="background-image: url('project/images/bg_2521.webp')"></div>
-      <div class='loading-slide' style="background-image: url('project/images/bg_3026.webp')"></div>
+       <img src='project/images/bg_1511.webp' class='loading-slide active' />
+      <img src='project/images/bg_1521.webp' class='loading-slide'/>
+      <img src='project/images/bg_2011.webp' class='loading-slide'/>
+     <img src='project/images/bg_2521.webp' class='loading-slide'/>
+      <img src='project/images/bg_3026.webp' class='loading-slide'/>
   </div>
           <div id="startTopProgressBar">
             <div id="startTopProgress"></div>
diff --git a/styles.css b/styles.css
index e87d555..139471b 100644
--- a/styles.css
+++ b/styles.css
@@ -584,11 +584,16 @@ p#name {
   -webkit-transition: transform 1.5s ease-out;
 }
 /* ====== 新增加载界面样式 ====== */
+@media screen and (max-width: 600px) {
+  .loading-slide {
+    width: 100%
+  }
+}
 #startTopGallery {
   position: absolute;
   width: 85%;
   height: 85%;
-  top: 15%;
+  top: 10%;
   left:7.5%;
   perspective: 1000px;
 }