Gmail中的HTML电子邮件 – 删除了CSS样式属性

前端之家收集整理的这篇文章主要介绍了Gmail中的HTML电子邮件 – 删除了CSS样式属性前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用一个HTML电子邮件,我正在使用 MailChimp’s Responsive Email Templates与他们的 CSS inliner tool结合使用.大多数情况下,电子邮件在大量的电子邮件客户端看起来都很棒,但是在Gmail中,这些东西是非常歪曲的.

如果我在回复箭头旁边的下拉菜单中使用Gmail的“显示原始”选项,则原始HTML与电子邮件客户端中实际显示内容不同.我可以用开发工具检查元素来确认.这在桌面和手机上发生;电子邮件客户端正在从元素中删除内联样式属性.

如果元素还包含一个类,那么删除style属性的标准之一似乎就是这样.有人可以确认吗此外,似乎从表格标签删除所有样式属性.任何人都可以确认吗?

这是什么解决方法

包含Gmail和Yahoo的源代码的电子邮件截图如下.

通过Chrome开发人员工具显示代码的电子邮件的屏幕快照

通过Chrome开发人员工具显示代码的雅虎电子邮件的屏幕截图

解决方法

作为在我工作中定期编辑电子邮件营销活动的人,我感到你的痛苦. Gmail和许多其他电子邮件客户端可能有点时髦的代码.一个,它剥除了身体外的任何CSS.所以放入诸如媒体查询和文档级别样式的东西不行.我可以给你的最好的建议是手工编码你的内联CSS,并尽量避免任何幻想.实际上,如果你可以使用HTML属性来做你的样式,那么使用它来代替任何CSS.一个例子是bgcolor而不是background-color.

这是一个与您发现的具体问题相关的article.最好的运气.

猜你在找的HTML相关文章