可点区域 36px 低于 48px 移动体验分被扣

先看现象。移动端体验检测提示可点击元素过小。列表里的「收藏」按钮实际只有 36×36，间距 4px，误触率很高，跳出率也跟着涨。

排查方向其实有限，先把可能性排一排。图标按钮只设了图标尺寸，没加热区。另一种情况是相邻按钮间距小于 8px，热区互相重叠。

另外，用 span 做按钮，没有 padding，点击范围等于文字。

少数情况下是固定定位的底部栏高度不足，按钮被裁掉一部分。

动手时先找出尺寸不足的元素

curl -s https://www.example.com/list | grep -o 'class="btn-icon"' | wc -l

给按钮补最小热区

.btn-icon{min-width:48px;min-height:48px;display:inline-flex;align-items:center;justify-content:center;}

拉开相邻按钮间距

.action-group>*{margin:0 6px;}

等前面都确认过，再用真机或模拟器复测点击范围

curl -s -A 'Mozilla/5.0 (Linux; Android 14)' https://www.example.com/list | grep -c 'btn-icon'

怎么算真的好了，看的是同一批现象。所有操作按钮的热区都不小于 48px，误触反馈明显减少，移动端体验检测不再提示点击目标过小。

这里还有个坑。热区要按手指算而不是按图标算，48px 是下限，列表里密集排布的按钮还得再留出间距。如果同一现象隔几天又出现，说明根因没找到，别当偶发处理。