fix: 修复 iOS Safari 上历史记录列表无法滚动的问题
补全 html → body → #root 的高度链,使用 dvh 动态视口单位 适配 iOS Safari 地址栏动态收起/展开,添加 overscroll-contain 防止滚动穿透
This commit is contained in:
@@ -15,7 +15,7 @@ export function App() {
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className="relative z-1 mx-auto flex h-full max-w-[480px] flex-col px-5 pt-[calc(16px+env(safe-area-inset-top,0px))] pb-[calc(16px+env(safe-area-inset-bottom,0px))]">
|
||||
<div className="relative z-1 mx-auto flex h-dvh max-w-[480px] flex-col px-5 pt-[calc(16px+env(safe-area-inset-top,0px))] pb-[calc(16px+env(safe-area-inset-bottom,0px))]">
|
||||
<header className="flex shrink-0 items-center justify-between pt-2 pb-5">
|
||||
<h1 className="font-bold text-[22px] tracking-[-0.03em]">
|
||||
VoicePaste
|
||||
|
||||
Reference in New Issue
Block a user