11
12/25
一个神奇的svh:解决iOS saferi高度问题
100svh 是专门为了解决 iOS Safari 这个经典问题而引入的。让我详细解释一下为什么它这么神奇: 为什么 100svh 有效? iOS Safari 视口单位的演变: 100vh - 大视口高度 包含地址栏和工具栏 当滚动时工具栏隐藏,但高度不变 导致底部内容被遮挡 100svh - 小视口高度 始终是可见区域的高度(不包含工具栏) 工具栏显示/隐藏时,这个值保持一致 完美解决内容被底部栏遮挡的问题 100dvh - 动态视口高度 动态变化,随工具栏显示/隐藏而变化 可能导致页面跳动 100lvh - 大视口高度 与 ...
