修复iOS端视口高度计算导致的底部黑边

This commit is contained in:
JSR
2026-03-19 18:40:53 +08:00
parent b8684b6c11
commit 915ea55e73
2 changed files with 12 additions and 2 deletions
+3 -2
View File
@@ -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);
+9
View File
@@ -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({