新视口单位 svh/dvh/lvh:移动端 100vh 的救赎
移动端 Safari 上 100vh 一直被地址栏坑,老方案是 JS 算 --vh 变量。现在 CSS 原生给出了答案:svh、dvh、lvh 三兄弟。这篇讲清它们的区别和迁移策略。
移动端 Safari 上 100vh 一直被地址栏坑,老方案是 JS 算 --vh 变量。现在 CSS 原生给出了答案:svh、dvh、lvh 三兄弟。这篇讲清它们的区别和迁移策略。
手机屏幕尺寸千差万别,一套设计稿怎么适配所有机型?梳理 viewport、rem+flexible、vw 与 clamp 现代方案。