模板里的「立即领取」按钮在手机上只有 28 像素高,实测点击命中率不到六成,用户反馈点了没反应。碰到这种情况,我一般先确认改动有没有真的生效。

原因不复杂,按钮用的是行内 a 标签加 padding,高度被行高撑住,实际可点区域比视觉区域更小。邮件客户端还会把相邻链接合并进同一个点击区,误触就更多。

「邮件模板按钮高度」相关的验证我通常做两遍,改完一次、隔天再看一次,确认不是临时生效。日志级别临时调高可以,记得改回去,长期开着既占磁盘又掩盖真问题。

<td height='44' align='center' bgcolor='#1a73e8'>
  <a href='https://example.com/p' style='display:block;padding:12px 24px;color:#fff'>立即领取</a>
</td>

权限不要一口气开到最大,先加到够用再往上试,范围小才好收。

具体做法是,按钮改成表格单元格包 a,td 给 height 和 bgcolor,a 用 display:block 撑满整块;高度做到 44 像素以上,左右留白不小于 16 像素,手指才好落点;用真机点十次,确认按钮四周没有别的链接抢占点击区。

最后用这个标准收尾,手机上按钮高度显示为 44 像素,连续点击十次都能正常跳转。

作者 9823189