浏览器兼容
已收录文章：5篇
-
white-space-collapse 把空白折叠从 white-space 中拆出来，适合处理用户输入、代码片段和多行说明。本文用最小示例解释 collapse、preserve、preserve-breaks、preserve-spaces、break-spaces 的差异，并给出旧浏览器降级与验收方法。430 收藏
-
CSS if() 可以在单个属性值中根据 style()、media() 或 supports() 条件选择结果，适合收拢主题和响应式分支，但它仍是实验性能力。本文用自定义属性示例说明条件顺序、else 回退、@media 与 @supports 的边界，并给出上线前的兼容检查。216 收藏
-
CSS :has() 让父元素可以根据子元素状态切换样式，适合表单错误提示、选中卡片和条件高亮。文章用 :user-invalid、:checked 与 @supports 说明最小写法、边界和旧浏览器降级。340 收藏
-
CSS 的 height:auto 过去很难直接做平滑过渡。本文从 max-height 和 JavaScript 测量的旧方案切入，演示 interpolate-size: allow-keywords 的最小改造，并核对继承范围、浏览器降级与 prefers-reduced-motion 边界。475 收藏
-
原生 dialog 和 popover 关闭时直接消失，通常不是 opacity 写错，而是 display 的离散切换没有参与过渡。本文用一组不依赖框架的 CSS/HTML 示例，解释 @starting-style、display、overlay 与 transition-behavior 的配合方式，并给出旧浏览器的降级边界。444 收藏