body, td { font-size: 14px; line-height: 21px; }
.small { font-size: 12px; }
模板正文字号写的 11px,iPhone 邮件客户端打开后整封被放大,需要左右拖动才能看全,安卓上又是正常比例。这类现象通常不是突然出现的,往前翻半天日志能看到苗头。
追下去是这么回事:iOS 邮件对小于一定字号的正文会触发自动缩放,按可读性下限重新排版。邮件里没有可用来限制缩放的声明,也不该去限制用户放大。
「邮件正文字号」排查到最后往往是很小的一处差异,前面那些复杂猜测可以先放一放。监控和日志的时间要对上,时区不一致会多绕很大一圈。
临时改动用注释写上日期和原因,过两周自己都记不清为什么这么写。动手前把原文件复制一份带时间戳,出问题立刻换回去,比现场分析快得多。
处理上按这个顺序:正文字号提到 14px 以上,辅助说明文字不低于 12px;行高按字号的 1.5 倍给,放大后不至于挤在一起;在 iPhone 和安卓各看一次,确认不需要横向拖动。
确认没问题再收工,iPhone 上邮件整封宽度贴合屏幕,不需要左右拖动。
