PANDA-JSR/SecScore
1
0
Fork 0
mirror of https://github.com/SECTL/SecScore.git synced 2026-07-19 21:14:21 +08:00
Code Issues Packages Projects Releases Wiki Activity

修复iOS端页面高度不足导致底部黑边

Browse Source
This commit is contained in:
JSR
2026-03-19 18:59:04 +08:00
parent 32ab0a0da2
commit 0ef0112cd9
1 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/assets/main.css
+9 -2
View File
@@ -1,6 +1,7 @@
@import "antd/dist/reset.css"; @import "antd/dist/reset.css";
:root { :root {
--ss-app-height: 100vh;
--ss-safe-area-top: env(safe-area-inset-top, 0px); --ss-safe-area-top: env(safe-area-inset-top, 0px);
--ss-safe-area-right: env(safe-area-inset-right, 0px); --ss-safe-area-right: env(safe-area-inset-right, 0px);
--ss-safe-area-bottom: env(safe-area-inset-bottom, 0px); --ss-safe-area-bottom: env(safe-area-inset-bottom, 0px);
@@ -13,10 +14,17 @@
sans-serif; sans-serif;
} }
@supports (height: 100dvh) {
:root {
--ss-app-height: 100dvh;
}
}
html, html,
body, body,
#root { #root {
height: 100%; height: var(--ss-app-height);
min-height: var(--ss-app-height);
margin: 0; margin: 0;
padding: 0; padding: 0;
overflow: hidden; overflow: hidden;
@@ -29,7 +37,6 @@ body,
#root { #root {
width: 100%; width: 100%;
min-height: 100%;
padding-top: var(--ss-safe-area-top); padding-top: var(--ss-safe-area-top);
padding-right: var(--ss-safe-area-right); padding-right: var(--ss-safe-area-right);
padding-bottom: var(--ss-safe-area-bottom); padding-bottom: var(--ss-safe-area-bottom);