Dove/Eustia
15
2
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

竖屏适配

Browse Source
This commit is contained in:
草莓 2025-02-08 17:04:47 +08:00
parent e15eab7417
commit d45a0d22b1
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
index.html
View File

@ -74,11 +74,11 @@
<div id="startTop"> <div id="startTop">
<!-- 新增图片展示区域 --> <!-- 新增图片展示区域 -->
<div id='startTopGallery'> <div id='startTopGallery'>
<div class='loading-slide active' style="background-image: url('project/images/bg_1511.webp')"></div> <img src='project/images/bg_1511.webp' class='loading-slide active' />
<div class='loading-slide' style="background-image: url('project/images/bg_1521.webp')"></div> <img src='project/images/bg_1521.webp' class='loading-slide'/>
<div class='loading-slide' style="background-image: url('project/images/bg_2011.webp')"></div> <img src='project/images/bg_2011.webp' class='loading-slide'/>
<div class='loading-slide' style="background-image: url('project/images/bg_2521.webp')"></div> <img src='project/images/bg_2521.webp' class='loading-slide'/>
<div class='loading-slide' style="background-image: url('project/images/bg_3026.webp')"></div> <img src='project/images/bg_3026.webp' class='loading-slide'/>
</div> </div>
<div id="startTopProgressBar"> <div id="startTopProgressBar">
<div id="startTopProgress"></div> <div id="startTopProgress"></div>

7
styles.css
View File

@ -584,11 +584,16 @@ p#name {
-webkit-transition: transform 1.5s ease-out; -webkit-transition: transform 1.5s ease-out;
} }
/* ====== 新增加载界面样式 ====== */ /* ====== 新增加载界面样式 ====== */
@media screen and (max-width: 600px) {
.loading-slide {
width: 100%
}
}
#startTopGallery { #startTopGallery {
position: absolute; position: absolute;
width: 85%; width: 85%;
height: 85%; height: 85%;
top: 15%; top: 10%;
left:7.5%; left:7.5%;
perspective: 1000px; perspective: 1000px;
} }