不同邮件程序中显示信件的特点

了解 html 布局的基础知识并不能保护您在测试期间免受意外电子邮件的影响。这里我们还需要考虑每个邮件程序的细微差别。我们整理了一个终极系列，其中包含 Mail、Gmail、Yandex 和 Outlook 的独特肖像。保存并转发给您熟悉的布局设计师和电子邮件营销人员。

在本文中

邮件中显示信件的功能

唯一一个理解盒子阴影代码并且可以为方块制作阴影或发光的人。

忽略不间断空格，该字母始终显图书馆商店示为悬空介词。没有办法解决，只能接受。

应用程序和浏览器中的电子邮件会略有不同，因为它们对电子邮件代码的解释不同。

链接任何看起来像电话号码或地址的东西并将其涂成蓝色。解决办法：自己链接。

突然间，它可以格式化文本，使单词中的每个字母从上到下显示在单独的行上（就像在中文海报上一样）。由布局设计师的金手修复。

Gmail 中显示信件的功能

最保守的邮寄者之一，2019年后没有大的变化。

如果信件太长或太重，请修剪信件。对于设计师来说，在创建技

如果您多次测试电子邮件，请删除以前的测试。否则，邮件程序会将字母组合成一根线并压缩它们，以便您会看到不存在的门框。

通常 AMP 不会反转，但 Android 上的此邮件程序将具有深色主题。解决方案：与常规信件类似，并提供适应。

加入所有关心 AMP 电子邮件的社区

Yandex 显示字母的特点

一般来说，邮件程序对邮件和促销通讯不是很友好。而在布局阶段也存在一些疑问。

链接所有看起来像电话号码或 Content Squad：远程团队如何加快在线内容制作速度地址的内容并将其标记为黄色。解决办法：自己链接。

没有移动版本，到处都显示桌面版本。

不仅需要指定图像的 alt，还需要指定标题。否则，如果图像未加载，您无法确定用户是否会收到替代文本。

替代文本仅显示在标题所在的位置

更改字母间距：根据字体压缩或扩展。例如，在其他邮件程序中只能容纳三行的文本在这里将容纳两行。解决方案：手动添加缩进。

Android 上 Yandex 中不同字体的行为

Outlook 中显示信件的功能

邮件程序在显示图片、动画、字体、样式等方面反复无常。错误填写的 VML 代码可能会损坏信件。确保布局设计师已经彻底测试了这封信。对于 Outlook 来说，“越简单越好”的规则是有效的。

不理解边框半径样式（舍入不起作用）。

仅 Outlook 2019 及更高版本支持深色主题和移动版本。

背景效果不佳，并且根据邮件程序 BY 列表的版本显示不同。这个问题可以通过单独的vml代码来解决。只是这里有一些细微差别。背景在视觉上将位于内容后面，并且在技术上与内容重叠。这将使块中的链接处于非活动状态。

在旧版本上，gif 可能无法加载。解决方案：GIF 的关键帧应该放在第一个，这样即使动画没有开始，接收者也会看到主要内容。

我们甚至不提 AMP。不。

订阅 telegram 频道+1 电子邮件创意 – 仅限简洁材料

有关该主题的更多信息