我在Windows 10
的Mail
应用程序上发现了一个问题,特别是我用NodeJS
开发了一个小应用程序,它用nodemail
包发送电子邮件,这封电子邮件的标题布局如下:
<div id="header" style="background: linear-gradient(to right,#00c7ce,#1a5cce 85%); border-bottom: 4px solid #1a5cce;
height: 45px; padding: 10px 15px;">
<strong id="logo" style="color: white; font-size: 20px;
text-shadow: 1px 1px 1px #8F8888; margin-top: 10px; display: inline-block">
<%= process.env.COMPANY_NAME %></strong>
</div>
该电子邮件完美地显示在GMAIL
中
但在Windows10 Mail
中,不会渲染渐变:
这是Windows 10 Mail
应用的bug吗?因为在其他电子邮件软件中,我没有任何问题。
发布于 2019-03-08 12:26:07
从本质上讲,这不是Windows10邮件应用程序中的一个错误。这是因为Gmail和Windows10Mail使用了不同的渲染引擎。考虑不同的web浏览器如何以不同的方式应用CSS规则。电子邮件客户端也是如此,除了web standards set forth by W3C通常被电子邮件客户端完全忽略,或者它们可能选择只遵守非常小的标准子集。
尝试在电子邮件客户端中使用现代CSS功能将产生广泛的效果,如果不在许多不同的环境中测试生成的电子邮件,这些效果并不总是可预测的。
通过使用背景图像而不是CSS渐变,您可能能够在屏幕截图中获得所需的渐变效果,但这可能会导致其自身的一系列问题(例如,特定的电子邮件客户端是否呈现它,文本是否正确地呈现在它上面,等等)。
以下是一些链接,您可以从中了解有关此复杂问题的更多信息:
https://stackoverflow.com/questions/55052853
复制相似问题