From 915ea55e73377e3fbbd78cc2d273269fda447ab1 Mon Sep 17 00:00:00 2001 From: JSR Date: Thu, 19 Mar 2026 18:40:53 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8DiOS=E7=AB=AF=E8=A7=86?= =?UTF-8?q?=E5=8F=A3=E9=AB=98=E5=BA=A6=E8=AE=A1=E7=AE=97=E5=AF=BC=E8=87=B4?= =?UTF-8?q?=E7=9A=84=E5=BA=95=E9=83=A8=E9=BB=91=E8=BE=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/main.css | 5 +++-- src/main.tsx | 9 +++++++++ 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/src/assets/main.css b/src/assets/main.css index 55cbd29..a86d087 100644 --- a/src/assets/main.css +++ b/src/assets/main.css @@ -1,6 +1,7 @@ @import "antd/dist/reset.css"; :root { + --ss-app-height: 100dvh; --ss-safe-area-top: env(safe-area-inset-top, 0px); --ss-safe-area-right: env(safe-area-inset-right, 0px); --ss-safe-area-bottom: env(safe-area-inset-bottom, 0px); @@ -17,7 +18,7 @@ html, body, #root { height: 100%; - min-height: 100dvh; + min-height: var(--ss-app-height); margin: 0; padding: 0; overflow: hidden; @@ -32,7 +33,7 @@ body, position: fixed; inset: 0; width: 100vw; - height: 100dvh; + height: var(--ss-app-height); padding-top: var(--ss-safe-area-top); padding-right: var(--ss-safe-area-right); padding-bottom: var(--ss-safe-area-bottom); diff --git a/src/main.tsx b/src/main.tsx index b7d4ac5..4e03d99 100644 --- a/src/main.tsx +++ b/src/main.tsx @@ -135,6 +135,15 @@ if (isMacDesktop) { document.documentElement.classList.add("platform-macos") } +const setAppHeightVar = () => { + const appHeight = Math.max(window.innerHeight, 0) + document.documentElement.style.setProperty("--ss-app-height", `${appHeight}px`) +} +setAppHeightVar() +window.addEventListener("resize", setAppHeightVar) +window.addEventListener("orientationchange", setAppHeightVar) +window.addEventListener("pageshow", setAppHeightVar) + window.addEventListener("error", (e: any) => { const error = e?.error safeWriteLog({