这是什么
这是一个未验收的替代方案：完全不写视口相关 JS，纯用 CSS 视口单位。 切换下面的单位，在真机上滚动、让地址栏收起 / 展开，观察底部 TabBar 与内容高度的变化， 用来验证「固定 app shell 该用 svh 而非 dvh」这个结论。 已验证的生产方案在 /mobile-fullscreen。
当前高度单位
地址栏展开时的最小可视高度。首屏就装得下、永不遮挡，滚动时不 reflow（本 Demo 想主推的默认）。代价：地址栏收起后底部会露一点背景。
软键盘测试
点这个输入框弹出软键盘，观察布局是否被挤压（本页 viewport 设了 interactive-widget=resizes-content）。
内容到底啦！底部 TabBar 应始终贴合可视区底部。