使用 PHP 的带有 Bootstrap/Jquery 的 HTML 电子邮件答案

【问题标题】：HTML Emails with Bootstrap/Jquery using PHP使用 PHP 的带有 Bootstrap/Jquery 的 HTML 电子邮件
【发布时间】：2019-04-08 16:22:01
【问题描述】：

我正在尝试从我的 PHP 脚本发送电子邮件。电子邮件通过 cron 作业自动发送。但是当我收到电子邮件时，引导设计已经中断。我正在链接以下 jquery 和 bootstrap 文件；

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css'>

我猜 gmail 会阻止外部 css。哪种方式最有效？

【问题讨论】：

内部 CSS....

标签： php twitter-bootstrap html-email

【解决方案1】：

您不应该为 HTML 邮件使用外部样式文件。要使您的邮件与所有邮件客户端一起工作，您应该在样式标签或内联 CSS 中使用 HTML4 和 CSS。也可以使用表格而不是 div 来制作多列电子邮件。

互联网上有很多关于 HTML 邮件的教程。只需搜索“样式 html 邮件”。

Best practices for styling HTML emails

【讨论】：

【解决方案2】：

哦，我知道您认为包含引导链接或 jquery 链接可能会被邮件服务器解释，但这是完全错误的。有一个标准和一些工具可以让你构建更智能的电子邮件，如果你真的感兴趣，你可以按照这个链接复制粘贴代码到你的编辑器，然后编辑它以获得内容版权

https://codepen.io/zavoloklom/pen/qEVqzx

<html>
  <!-- do not consider this, you have only t follow the link above-->
</html>

【讨论】：

链接中的 CSS 需要内联才能使用。
当然css不能是外链但必须内联