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

标签 html css

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

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

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

最佳答案

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

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

关于html - 当 &lt;style&gt; 标签被电子邮件客户端丢弃时,如何在电子邮件模板中应用打印样式表?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37428929/

相关文章:

javascript - 根据对象的数量将每个 JSON 对象及其项目放入 <li> 中

javascript - 在以 POST(而不是 GET)方式发送请求后,如何将对象作为 html 页面插入到来自后端的 html 元素中?

javascript - 使用 Ajax 将表单数据传递到 PHP 时出现问题

html - CSS 根据高度或宽度使图像适合容器

php - 使用 PHP 的多行/列表

html - Bootstrap 网格环绕少于 12 列

jquery - Bootstrap - 存在多个按钮时的数据切换属性

javascript - ui-sortable 不工作(对于预定义的 DOM 位置)

javascript - 根据 id 对多个 div 使用相同的函数

jquery - 如何在点击表格数据时设置背景颜色?