把设计看成 N 维空间找最短路径，卡片换行不再跳跃

shuding · x · 2026-10-27

Shu Ding 继续数学化 UI 系列。不连续性检测：f(x) 的跳跃间断点就是卡片换行或新列出现的位置，f'(x) 的跳跃则是折点（如容器撞到 max-width）——不用逐个测试屏幕尺寸就能找出所有真实的视觉断点，而不只是 CSS 里声明的断点。测地线（Geodesic）：把每个设计看成 N 维 props 空间中的一个点，从一个预设过渡到另一个就是在空间中选一条路径，多数路径会让卡片中途跳行；测地线是跳跃最小的路径——例如 viewportWidth 900→1700 且 maxWidth 1440→960 时，它能找到一条没有任何卡片换行的过渡路径，优于同时改两个 props。