From ce155737731edc47bb58923f1ecfa21ee3c027cb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com>
Date: Mon, 3 Jul 2023 11:45:44 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                  | 2 +-
 src/components/bar-footer/index.module.scss | 7 ++-----
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 4649a2e..6fd79b2 100644
--- a/index.html
+++ b/index.html
@@ -5,7 +5,7 @@
     <link rel="icon" type="image/svg+xml" href="/favicon.ico" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"
+      content="width=device-width, initial-scale=1.0, viewport-fit=cover"
     />
     <title>PlayEdu</title>
     <script src="/js/DPlayer.min.js"></script>
diff --git a/src/components/bar-footer/index.module.scss b/src/components/bar-footer/index.module.scss
index f051303..382fe8d 100644
--- a/src/components/bar-footer/index.module.scss
+++ b/src/components/bar-footer/index.module.scss
@@ -8,9 +8,6 @@
   background: #ffffff;
   z-index: 100;
   box-sizing: border-box;
-}
-@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
-  .footer {
-    padding-bottom: 34px !important;
-  }
+  padding-bottom: constant(safe-area-inset-bottom); /* 兼容iOS 11.0 - 11.2 */
+  padding-bottom: env(safe-area-inset-bottom); /* 兼容iOS 11.2+ */
 }