fix(iOS微信真机): 修复扫码核销页 scroll-view 高度塌陷
根因:.verify-page 只有 min-height:100vh,没有明确 height。 iOS 微信真机的 flex 引擎需要父容器有明确高度才能计算 flex:1 子元素的剩余空间。min-height 不作为 flex 高度基准, 导致 .verify-scroll (flex:1; height:0) 高度塌陷为 0, 内容不可见。header 是 position:fixed 脱离 flex 流所以正常。 修复:给 .verify-page 加 height:100vh,min-height 保留兜底。master
parent
0a42be5df6
commit
388a80e035
|
|
@ -1,5 +1,10 @@
|
|||
/* ========== 页面整体布局 ========== */
|
||||
/* [iOS 修复] 2026-06-30
|
||||
原先只有 min-height:100vh,iOS 微信真机下 flex:1 的 scroll-view
|
||||
拿不到明确高度基准 → 高度塌陷为 0 → 内容不可见。
|
||||
加 height:100vh 提供明确基准,min-height 保留兜底。 */
|
||||
.verify-page {
|
||||
height: 100vh;
|
||||
min-height: 100vh;
|
||||
background: linear-gradient(180deg, #1a1a2e 0%, #16213e 50%, #0f3460 100%);
|
||||
display: flex;
|
||||
|
|
|
|||
Loading…
Reference in New Issue