最近在公司分到了一个EDM的东西,我从未接触过,还在想是什么东西。

简单了解下来就是通过Email发送的html,但没这么简单

EDM是一个十分老旧的技术,老的以至于我遇到了很多问题:

  1. 网络上很多加了Meta,这里根据实际需要引用
  2. 先查阅很多EDM的写法,META的写法之类,然后自己根据原型图画界面
  3. 模拟器没问题,进入实测环节,因为公司主要客户是国外客户,然后谷歌邮箱跑版了。不过问题都不大,检查一下就解决了。
  4. 问题来了:outlook客户端接受邮件跑版严重,严重到需要重写的程度,但是这个问题不是光重写可以搞定的。

在网络上查阅了资料,其中的共同点就是用Dreamweaver写这个页面,而且:
要用Table布局
尽量不出现DIV
要用行内样式

最后样品出来,我没有用到过多的meta,就是基础的移动端meta

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

结论

EDM不难,关键是,不要自己手写,大神除外,手写神坑
用DW表格慢慢写。记得随时调试查看效果
PS:ie9以下不支持圆角,所以能不出现圆角尽量别出现圆角。


PS:outlook客户端是真的难受啊,公司老大还说目前公司outlook使用率还是很高的。
老旧的技术,虽然时常收到京东的推送,自己做还是要考虑排版的问题。

有问题欢迎留言一起交流?

Last modification:August 26, 2019
如果觉得文章对你有所收获,可以请笔者喝杯咖啡