CSS新单位dvh、lvmin、vi、cqb等初解
本文详细解析了CSS新增的动态视口单位（如dvh、svh、lvh）和容器查询单位（如cqw、cqh、cqi）。动态视口单位针对移动端浏览器工具栏变化问题：dvh动态调整高度，解决iOS Safari中vh布局失效；svh和lvh代表工具栏完全展开和收起的固定高度，适用于底部菜单或背景大图。容器查询单位基于容器尺寸自适应，cqw和cqh分别对应容器宽度和高度的1%，cqi和cqb根据书写模式自动切换轴向，支持多语言排版。文章通过表格对比了各单位的行为和最佳场景，如dvh用于全屏应用，cqw用于弹性布局。还提及了逻辑单位vi、vb的有限实用性，并提供了浏览器兼容性数据。最后讨论了AI对前端学习的影响，指出传统分享机制因效率问题停滞，引发对技术学习模式的思考。