折线位置随设备变化，不存在固定像素
别名: 折线分布 · no 600px fold · 视口高度
概念解释
设计稿上那条「折线」常常画在 600、736 或 1000 像素，像一条真的物理边。真机上它是视口底边，被设备高度、系统状态栏、浏览器工具栏、底栏、横竖屏和可折叠中间态共同决定。同一条页面，在 SE 上折在价格上方，在大屏上折在评价区中间，在横屏浏览器里又完全是另一处。折线是分布（fold is a distribution），不是一个可写入栅格的像素常数。
按某个常数把「重要的」都堆进 600 像素里，会在长屏上留下一块空，在短屏上把关键信息正好切掉。
机制
可视矩形的高度 = 设备逻辑高度 − 系统占用 − 浏览器或应用自己的壳。每一项都在变：Safari 工具栏会在滚动时伸缩，Android 的导航模式有三键和手势两档，折叠外屏和内屏差出一整块。于是「首屏」在用户群里是一条高度直方图，不是一个点。任何把关键信息钉在「折线上 16 像素」的做法，只对直方图里的一个柱成立。
更麻烦的是同一台设备上折线还会动。工具栏收起之后视口变高，原来的折线以下会涌进首屏；键盘升起则反向。折线是一个随状态走的活边。
怎么研究
在真实设备样本（或按市场占有加权的视口数据）上记录落地时的可视高度，画出直方图，再把页面的关键锚点（价格、主按钮、第一节标题）标进这张图，看每个锚点落在多少百分比用户的首屏之内。
自变量：设备类别、浏览器壳、横竖屏、工具栏展开还是收起。 因变量：每个关键锚点的「首屏覆盖率」、被折线切断的元素比例。
不要用设计工具的一款预设 iPhone 代替这张直方图。实验室里只有一种高度时，报告里要写明，不能外推到「所有折线」。
边界
单一硬件出货的专用设备（工控屏、机上娱乐的一种型号）折线可以当常数。打印和固定窗口的桌面小组件也没有这条分布。服务端按 User-Agent 砍两种高度仍然只是对分布的粗采样，中间那一截用户会被切错。放大字号会改变「一屏能装下什么」，折线像素没变，内容折线变了——分布要按内容高度再画一次。
怎么落地
- 用产品自己的视口高度直方图决定「必须进首屏」的那几项，而不是用设计稿上的一条线。
- 关键锚点用「在第 N 百分位高度上仍完整可见」来验收，例如在第 25 百分位的短视口里价格仍完整。
- 不要为了迁就一条虚构的 600 像素线而把首屏做成又挤又空的两截。
- 验证：在最短和最长的目标设备、工具栏展开和收起、横竖屏上各截落地帧，把价格、主按钮、第一节标题标出来。任何一帧里这三项被切成看不懂，折线就还被当成了那条假常数。