响应式HTML邮件程序

Question

尝试创建纯响应式HTML邮件程序，但在那些不支持媒体查询的电子邮件客户端上面临问题。

在所有电子邮件中添加以下元标记： -

<meta name="viewport" content="width=device-width, initial-scale=1.0"/>

但在下面提到的不受支持的电子邮件客户端中，我无法处理邮件内容 -Gmail app（iOS + Android）
-Inbox by Gmail应用（iOS + Android）
-Gmail（Android浏览器）

其他如何做到这一点，请分享您的观点 提前致谢

Answer 1

检查以下链接以查找您的问题

link

Gmail应用不支持自适应设计

Answer 2

我做了这个电子邮件模板Email template1，Email template2和Email template3。我使用表格做了这个。你可以参考它。它可以对你有所帮助。

Answer 3

他们在邮寄程序中实现反复行为的关键是有效地利用您编写的标记，而不是任何元标记。这包括：

1. 基于百分比的宽度
2. 在div
中对两个或多个元素（ table，td ）进行分组
3. 在宽度为属性（<table style="max-width:600px" width="100%">）
的情况下使用内联存储中的max-width

看一下我提供的邮件之一：https://github.com/ShudhPandit/Mailers

希望，这有帮助