html - 当 <style> 标签被电子邮件客户端丢弃时，如何在电子邮件模板中应用打印样式表？

Question

我正在开发 HTML 电子邮件模板，该页面还支持打印 功能。 HTML 文档的样式应该不同，当打印相同时。因此，我添加了一个 internal 样式表用于打印(仅)，其余样式由 inline 样式利用，使用如下:

<style type="text/css">
    @media print {
        /* print related styles */
    }
</style>

我知道 @media print {..} 和 media="print" 不是所有的电子邮件客户端都支持，并且它们没有问题，但是问题是-:我为打印添加的样式正在被客户完全删除。因此，我无法通过提供不同的打印样式来定位 DOM。

Answer 1

也许你可以试试这个。创建打印版模板的副本并将其上传到服务器。然后从电子邮件模板中放置一个指向它的链接。我不确定这是否是确切的解决方案。

如果您不能保留两份副本，请放置指向同一电子邮件模板本身的网址的链接。现在单击此按钮将像普通网页一样在新窗口中打开相同的模板。在这里它将支持所有标签和媒体查询。因此，仅用于打印的所有必需样式都应位于侧面正文的标签中。因此，这将仅在新窗口中打开的打印版中可用。电子邮件模板所需的那些样式应该是内联的，因此它将支持任何电子邮件客户端。