在 mandrill 模板中放置 CSS 的位置
Posted
技术标签:
【中文标题】在 mandrill 模板中放置 CSS 的位置【英文标题】：Where to Put CSS in mandrill template 【发布时间】：2014-02-03 12:46:25 【问题描述】：我使用 mandrill 发送邮件。使用 mandrill 模板功能，我已经在服务器端正确编码以发送邮件。我正在接收邮件，但 CSS 未正确呈现。在我的代码中，我设置了 inline_CSS = 'true'。此外，在 Mandrill 的设置-> 发送选项中，我设置了“html 电子邮件中的内联 CSS 样式”= true。但是当我设计一个模板时，它仍然没有在“预览和测试”中正确呈现，如果通过 API 发送也是如此。
除此之外，我还需要知道如何将 CSS 文件添加到您的模板目录。或者如何给出这个 CSS 文件的链接。因为进行设置是可以的，但是应该有一些地方我需要放置该文件或以某种方式传递它。
【问题讨论】：
是的，我在模板代码（html/css）<html xmlns="http://www.w3.org/1999/xhtml"> <head> <link rel="stylesheet" type="text/css" href="zooeck.css"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Zooeck</title> </head> 中包含了这样的 CSS
您应该包含实际的 css，而不是 css 的链接。您正在使用外部/链接样式表。这不适用于邮件。你需要的内联样式是这样的：<head><style> hr color:sienna; p margin-left:20px; body background-image:url("images/back40.gif"); </style> </head>
【参考方案1】：
邮件客户端无法从外部链接样式表加载样式内容。没有本地文件路径/系统，因此所有样式都必须包含在模板本身中，在<style> 标记之间。
【讨论】：
以上是关于在 mandrill 模板中放置 CSS 的位置的主要内容，如果未能解决你的问题，请参考以下文章
在 spring-mvc 应用程序中放置图像/CSS 的位置？
如何在 Angular 的 index.html 中放置组件/模板占位符？