同一封 HTML 通知在网页邮箱里排版正常,Outlook 里两栏叠成一列,按钮的背景色也没了。第一次遇到会往复杂处想,其实漏掉的多是个小前提。

<table role='presentation' width='600'><tr>
<td width='50%'>左栏</td><td>右栏</td>
</tr></table>

桌面客户端用 Word 渲染引擎,不认 flex 和背景简写属性,只认表格结构和写在标签上的样式。这一点先确认清楚,后面就不用反复试。

「邮件模板兼容」相关的日志我一般连着看前后五分钟,单看一条报错经常判断不出是哪一步失败。新版本先放一台机器上跑一天再全量,问题一般在这段时间暴露。

备份不是备了就行,恢复一次才算数,很多备份文件打开才发现是空的。接口问题先分清是没发出去、发出去了没收到,还是收到了处理失败。

偶发问题先统计频率,一小时几次和一天一次,查法完全不同。改完顺手把文档补一句,省得下次自己重新推一遍。

具体做法是,用 table 搭出两栏骨架;样式全部写成内联;按钮用单元格加背景色实现。

改完照着核一遍,Outlook 与网页端截图对比结构一致,颜色也正常。

作者 9823189