iPhone 上公告右上角的叉号怎么点都没反应，换成安卓也一样，按钮实际尺寸 16×16 像素，手指按上去经常落到旁边的链接上。碰到这种情况，我一般先确认改动有没有真的生效。
原因不复杂，关闭按钮只放了图标，宽高跟着图标走，没设最小触控区。图标外层还有一层透明 div 盖住一半，点击事件绑在更里面的 span 上。
「公告关闭按钮触控」相关的验证我通常做两遍，改完一次、隔天再看一次，确认不是临时生效。改完顺手把文档补一句，省得下次自己重新推一遍。
.notice-close { width: 44px; height: 44px; display: grid; place-items: center; }
.notice-close svg { width: 16px; height: 16px; }
监控和日志的时间要对上，时区不一致会多绕很大一圈。临时改动用注释写上日期和原因，过两周自己都记不清为什么这么写。
具体做法是，按钮最小宽高设成 44 像素，图标居中，热区跟着按钮走；把点击事件绑在 button 元素上，别绑图标本身；用真机竖屏和横屏各点五次，确认每次都能关掉。
最后用这个标准收尾，手机上连点五次都能关闭，不再误触到公告里的链接。