精选
先确定信息的优先级,再用栅格把区域落位,最后靠留白和层级把视线引到该去的地方。整个页面的宽度只有四个断点,骨架只用了一层 Grid。
三栏 + 通栏头尾 + 正文优先加载,这套 2006 年的需求今天依然常见。
一维用 Flex,二维用 Grid。判断标准只有一条:要不要同时管行和列。
断点应该加在「版面撑不住」的地方,而不是 iPhone 的型号列表上。
间距不是「剩下多少填多少」,它是分组与层级的可见形式。