修复iOS视口抖动导致上下白边问题

This commit is contained in:
JSR
2026-03-19 20:18:48 +08:00
parent 0e64ca8083
commit cd178b2400
+11 -9
View File
@@ -20,16 +20,11 @@
} }
} }
/* iOS WebView 首帧偶发 vh/dvh 计算偏小,优先使用 fill-available 防止底部白边 */ /* iOS 使用固定根容器覆盖可视区域,避免首帧/交互后视口高度抖动产生白边 */
html.platform-ios {
--ss-app-height: -webkit-fill-available;
}
html.platform-ios, html.platform-ios,
html.platform-ios body, html.platform-ios body {
html.platform-ios #root { height: 100%;
height: -webkit-fill-available; min-height: 100%;
min-height: -webkit-fill-available;
} }
html, html,
@@ -56,6 +51,13 @@ body,
box-sizing: border-box; box-sizing: border-box;
} }
html.platform-ios #root {
position: fixed;
inset: 0;
height: auto;
min-height: 0;
}
input, input,
textarea { textarea {
user-select: text; user-select: text;