记一次邮件模版兼容性适配问题

这些天在做一个需求，就是给企业发送每周的团队周报，包括一些团队的数据指标等等，这个在前端侧的话需要提供 html 模版，但这玩意属实很坑，由于设计上花样比较多，页面确实挺好看的，但是邮件模版这块兼容性是真的写的想哭。

原本这个需求是前同事做的，后面离职转交到我手里，看起来 pc 端没什么问题了，后来发送到移动端发现没有做适配，于是我将原本的 px 都改成了 rem 方式，差不多也还看得过去，此时应该有一个但是...

安卓和 ios 设备也还有兼容性差距，不同的邮件平台也有各种各样样式问题，尤其是一些图片问题，还有的比较离谱的是有些平台会改变默认字体大小。

昨天弄了一天适配，我觉得这样搞还是不行，上线了后你没办法把握用户应该用的哪种邮箱，到时候样式一乱那岂不是怒喷前端？

还好今天是周三，我想着还是用点新玩意，也就是 React Email，如下图所示，你可以直接用 react 来写邮件模版，它能帮你最终转换成完全兼容的 html 代码，并且不需要考虑移动端适配问题！

设计师给你的就算是 pc 版样式也是可以的，不过页面代码我是重写了一遍，但其实真正考虑下来，重写花费的时间和继续自己写兼容以及面对可能出现的各种各样的问题，对比起来不如自己把握选择可靠的方式。

另外，react 都用了， tailwind 是不是也要用一下，没错，也是支持的，所以重写一遍代码对我这种老手来说也还好。

关于 React Email 之前其实有关注过，但一直没尝试使用，这次实在问题不太好解决，又刚好想起来有这玩意，直接上手就用了。

（完）