Pārlūkot izejas kodu

修改兼容手机

李富豪 4 mēneši atpakaļ
vecāks
revīzija
d802ba139f
1 mainītis faili ar 9 papildinājumiem un 2 dzēšanām
  1. 9 2
      app/components/deepSeekHome.scss

+ 9 - 2
app/components/deepSeekHome.scss

@@ -1,7 +1,12 @@
 .deekSeek {
   width: 100%;
-  height: 100vh;
+  /* 使用 fill-available 确保兼容性 */
+  height: -webkit-fill-available;
+  height: 100dvh;
+  /* 新的动态视口单位,推荐使用 */
   background: linear-gradient(90.52deg, rgba(24, 126, 255, 1) 1.54%, rgba(23, 66, 255, 1) 99.26%);
+  padding-bottom: env(safe-area-inset-bottom);
+  /* 适配底部安全区域 */
 
   &-header {
     width: 100%;
@@ -18,7 +23,7 @@
 
   &-content {
     width: 100%;
-    height: calc(100% - 80px);
+    height: calc(100% - 80px - env(safe-area-inset-bottom));
     display: flex;
     justify-content: center;
     align-items: center;
@@ -37,9 +42,11 @@
     &-title-sm {
       font-size: 20px;
       color: #FFFFFF;
+
       @media (max-width: 768px) {
         font-size: 16px;
       }
+
       @media (max-width: 480px) {
         font-size: 14px;
       }