最近在公司分到了一个EDM的东西,我从未接触过,还在想是什么东西。
简单了解下来就是通过Email发送的html,但没这么简单
EDM是一个十分老旧的技术,老的以至于我遇到了很多问题:
- 网络上很多加了Meta,这里根据实际需要引用
- 先查阅很多EDM的写法,META的写法之类,然后自己根据原型图画界面
- 模拟器没问题,进入实测环节,因为公司主要客户是国外客户,然后谷歌邮箱跑版了。不过问题都不大,检查一下就解决了。
- 问题来了: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使用率还是很高的。
老旧的技术,虽然时常收到京东的推送,自己做还是要考虑排版的问题。
有问题欢迎留言一起交流?
One comment
ie9以下版本是可以用另外办法模拟圆角的
可以搜索一下"PIE",不过因为邮件资源必须公网ip,所以我没有用
说服了PMφ( ̄∇ ̄o)不改了,毕竟就outlook客户端会有这个问题