记录一下那天晚上的排查过程。移动端体验报告里一半页面被标成点击目标过近，实测底部导航四个按钮间距 8px，手指点按时经常点错。
刚开始盯着「相邻链接之间只靠 margin 分隔，布局换行后间距归零」，折腾了半个多小时，排掉了。
真正麻烦的地方在于，几个原因的现象几乎一样。按钮用固定宽度排布，小屏下被压缩到 8px 间距。也可能是图标本身可点区域只有 24px，没做透明外扩。
少数情况下是同一行的分页链接字号小，可点面积不达标。
量出实际可点区域的尺寸与间距
python -c "print('gap', 375 - 4*48)"随后把可点区域撑到 48px 并加内边距
.nav-item { min-width: 48px; min-height: 48px; padding: 12px; }末了检查小屏下的换行与间距
curl -s https://www.example.com/ | grep -o 'nav-item[^"]*' | head怎么算真的好了，看的是同一批现象。间距调到 12px 以上后，移动端体验报告的该项提示在两周内清零，跳出率同步下降了几个百分点。
这个指标看的是可点区域的边界距离，不是视觉上的图标间距，用内边距撑开比拉开布局更省事。同一份配置在测试环境跑通，不代表线上没事，两边的默认值经常不一样。