我正在开发 HTML 电子邮件模板,该页面还支持打印 功能。 HTML 文档的样式应该不同,当打印相同时。因此,我添加了一个 internal
样式表用于打印(仅),其余样式由 inline
样式利用,使用如下:
<style type="text/css">
@media print {
/* print related styles */
}
</style>
我知道 @media print {..}
和 media="print"
不是所有的电子邮件客户端都支持,并且它们没有问题,但是问题是-:我为打印添加的样式正在被客户完全删除。
因此,我无法通过提供不同的打印样式来定位 DOM。
最佳答案
也许你可以试试这个。 创建打印版模板的副本并将其上传到服务器。然后从电子邮件模板中放置一个指向它的链接。 我不确定这是否是确切的解决方案。
如果您不能保留两份副本,请放置指向同一电子邮件模板本身的网址的链接。现在单击此按钮将像普通网页一样在新窗口中打开相同的模板。在这里它将支持所有标签和媒体查询。因此,仅用于打印的所有必需样式都应位于侧面正文的标签中。因此,这将仅在新窗口中打开的打印版中可用。电子邮件模板所需的那些样式应该是内联的,因此它将支持任何电子邮件客户端。
关于html - 当 <style> 标签被电子邮件客户端丢弃时,如何在电子邮件模板中应用打印样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37428929/