我应该为客户制作一份时事通讯(我的第一份时事通讯)。在HTML中,它是完美的,当我在webbrowser中打开它时,它也应该是它应该的样子。我首先得到的CSS问题根本没有显示(我的html代码的头部有css),然后我发现了' Inliner Tool'在mailchimp上。在我这样做之后,我的css终于收到了我的邮件,但并不是一切都在正确的位置,我现在还不知道该怎么做。
我的照片被放置为div中的backgroundimages。每个Div的大小为px,只有背景图像大小为百分比。
因为我是新来的,所以我真的不知道如何将我的代码放在我的问题中,所以我只想问你们所有人:有没有人有同样的问题,怎么办?你解决了吗?我希望我提供了足够的信息
更新: 谢谢你告诉我关于JSFiddle的事。我不能在这里放一个链接(对不起),对这个大声笑还是很新的。但你可以去jsfiddle。 net并添加pht3rnet来查看我的代码。 (在结果中,它应该是它应该是怎样的。)
答案 0 :(得分:0)
如果您想支持大多数电子邮件客户端,您必须了解您可以使用的CSS样式有限制。您可以查看此表格,该表格将显示特定电子邮件客户端是否支持CSS属性:https://www.campaignmonitor.com/css/
例如,Outlook 2007+不支持属性background-image
,因此如果从Outlook打开,您的图片将不会显示。
答案 1 :(得分:0)
乔伊斯,遗憾的是他们并不完美。每个邮件客户端,在每个操作系统上,在每个设备上。他们都有机会以不同的方式呈现您的内容。
你只需要训练自己坚持基础知识并且不要喜欢新闻简报,也要坚持使用前90%的电子邮件受众。
Formatting HTML Email For clients
您会找到对您的电子邮件进行响应式测试的网站,您会找到可以对您的电子邮件进行移动屏幕截图的网站。对我来说,他们都毫无价值。响应不是移动电子邮件(移动电子邮件,实际上缩小了您的内容视图端口以适应屏幕)。屏幕截图不是流畅的文本,您无法单击并测试功能。这是最重要的部分吗?
在您的设备上发送简报给自己看看。好吗?在您的Web客户端上查看它。包含指向简报的整页HTML浏览器版本的链接,以便那些无法正常查看它的人有机会在浏览器中看到它。
做INBOX TESTING - 确保您的客户最有可能看到您的简报,您可能需要多个版本来绕过某些垃圾邮件过滤引擎。