【问题标题】:HTML mail class name changesHTML 邮件类名称更改
【发布时间】:2018-06-22 05:04:24
【问题描述】:

我正在尝试发送 html 类型的电子邮件及其工作,但问题是当我发送带有类名的 div 时,当它到达时,类名会更改。

所以我在php文件中写的是:

<div class="telo" style="width:60%;margin:0 auto">...

我可以从收到的邮件中看到:

<div class="m_-4831917718643650012telo" style="width:60%;margin:0 auto">...

在每个 div 中。 那么我该如何解决呢?

感谢您的帮助!

【问题讨论】:

  • 使用任何第三方程序或纯PHP邮件功能?
  • 未使用第三方程序。
  • 您是否使用基于网络的邮件阅读器阅读电子邮件?
  • 许多邮件阅读器会从 HTML 电子邮件中删除 &lt;style&gt; 标记。所以你应该用内联样式来做所有的样式,而不是基于类的 CSS。
  • 请参阅 mailchimp.com/help/css-in-html-emailcss-tricks.com/using-css-in-html-emails-the-real-story 了解与 HTML 电子邮件和 CSS 相关的最佳做法。

标签: php html email


【解决方案1】:

您应该只忽略电子邮件中的类。每个客户的邮件系统都以自己的方式工作,并且并非在所有地方都得到完全支持。始终使用样式标签作为后备选项

查看 HTML 邮件支持的可能有用的链接:

https://www.campaignmonitor.com/css/text-fonts/font-face/

HTML 邮件中的媒体查询信息:

https://litmus.com/blog/understanding-media-queries-in-html-email

【讨论】:

  • 我正在尝试针对移动设备进行优化。如果有人正在通过手机阅读,我想将宽度更改为 90%。这就是为什么我想在每个 div 中使用宽度为 60% 的 '@media screen' 的类
  • 好吧,您无法更改客户邮件提供商的工作方式。据我所知,HTML 邮件并不完全受支持,而且可能是一项痛苦的工作。也许您可以使用数据属性绕过它,但从未测试过该属性。我还使用链接更新了我的答案,以获取有关 HTML 邮件中的媒体查询的更多信息
猜你喜欢
  • 2012-03-28
  • 1970-01-01
  • 1970-01-01
  • 2017-06-17
  • 1970-01-01
  • 2016-08-19
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多