mirror of
https://github.com/SECTL/SecScore.git
synced 2026-07-19 19:04:23 +08:00
修复iOS视口抖动导致上下白边问题
This commit is contained in:
+11
-9
@@ -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;
|
||||||
|
|||||||
Reference in New Issue
Block a user