From 1e9fe530b299f9bf1004a983be6fea266b4e8ddc Mon Sep 17 00:00:00 2001
From: LSH
Date: 星期五, 03 十一月 2023 15:02:46 +0800
Subject: [PATCH] #

---
 src/main/webapp/views/login.html |   32 ++++++++++++++++++++++++--------
 1 files changed, 24 insertions(+), 8 deletions(-)

diff --git a/src/main/webapp/views/login.html b/src/main/webapp/views/login.html
index 8bb4f56..9604867 100644
--- a/src/main/webapp/views/login.html
+++ b/src/main/webapp/views/login.html
@@ -28,7 +28,7 @@
         border-radius: 5px;
         color: #ffffff;
         z-index: 99;
-        box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);
+        /*box-shadow: 3px 3px 6px 3px rgba(0, 0, 0, .3);*/
       }
 
       .login-contain {
@@ -48,11 +48,11 @@
       #background_video {
         position: absolute;
 
-        top: 50%; left: 50%;
+        top: 50%; left: 39.55%;
         transform: translate(-50%, -50%);
 
         object-fit: cover;
-        height: 100%; width: 100%;
+        height: 100%; width: 79%;
       }
 
       .s-video-all {
@@ -77,19 +77,35 @@
         z-index: -999;
       }
       #girlwu{
-        margin-left: 30%;
-        margin-top: 20%;
+        margin-left: 58%;
+        margin-top: 45%;
         z-index: 999;
       }
       .pText{
         /*color: #0C0C0C;*/
-        font-size:4rem;
         font-weight:800;
         font-style:italic;
         mix-blend-mode: difference;
         color: white;
         /*filter: invert(100%)*/
       /*  normal銆乷blique 鎴� italic*/
+      }
+
+      @media screen and (min-width:300px) and (min-width:650px){
+        .pTextFont{
+          font-size:0.75rem;
+        }
+      }
+      @media screen and (min-width:650px) and (min-width:1080px){
+        .pTextFont{
+          font-size:1.125rem;
+        }
+      }
+
+      @media screen and (min-width:300px) and (min-width:1380px){
+        .pTextFont{
+          font-size:1.5rem;
+        }
       }
 
     </style>
@@ -100,8 +116,8 @@
         <video id="background_video" style="z-index: -999" src="../static/image/banner.mp4" height="100%" loop autoplay muted="false" controlslist="nodownload" disablepictureinpicture></video>
       </div>
       <div id="girlwu">
-        <p class="pText">&emsp;&emsp;璁╁埗閫犱笌鐗╂祦鏇撮珮鏁�</p>
-        <p class="pText">璧嬭兘鏅烘収鐗╂祦&emsp;&emsp;鍔╁姏鏅鸿兘鍒堕��</p>
+        <p class="pText pTextFont">鍔╁姏鏅鸿兘鍒堕��&emsp;&emsp;璧嬭兘鏅烘収鐗╂祦</p>
+        <p class="pText pTextFont">&emsp;&emsp;璁╁埗閫犱笌鐗╂祦鏇撮珮鏁�</p>
       </div>
 <!--      <div class="l-page l-page&#45;&#45;white " data-id="easy_glitch" style="z-index: 99">-->
 <!--        <div style="position: fixed;-->

--
Gitblit v1.9.1