Safari iOS 26 Viewport 标尺测试
使用方法:
1. 向下滑动页面,让最底部的 0 线 贴近你能看到的内容最底边(地址栏正上方那条边)。
2. 看此时哪一条带数字的线(50/75/90/100/115/130/150/175/200)处在你觉得背景应该“结束”的高度。
3. 记住那个数字,大概就是你需要让背景多延伸的距离(单位是 px,可近似当作 pt)。
-
示例行 1
只是用来把页面撑长,模拟真实列表滚动效果。
-
示例行 2
你可以忽略这些内容,只专心看底部标尺。
-
示例行 3
List 总高度大概是屏幕的 1.5 倍左右。
-
示例行 4
真实项目里你可以用自己的 UI 替换。
-
示例行 5
继续往下滑,直到看到测量区域。
-
示例行 6
这里就是在凑高度,让页面可以正常滚动。
-
示例行 7
你可以多复制几行,如果想要更长的列表。
-
示例行 8
下面马上就是标尺区。
底部标尺(单位:px ≈ pt)
滑动到这里时:
让 0 线尽量贴近你能看到的内容最底边;
然后对比上面的数字来估距离。
0
50
75
90
100
115
130
150
175
200