1

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

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

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

但是在下面提到的不受支持的电子邮件客户端中,我无法处理邮件内容。
-Gmail 应用程序(iOS + Android)
-Gmail 应用程序的收件箱(iOS + Android)
-Gmail(Android 浏览器)

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

4

3 回答 3

0

在邮件中实现响应行为的关键是有效地利用您编写的标记,而不是任何元标记。这包括:

  1. 基于百分比的宽度
  2. 在 div 中对两个或多个元素(table、td )进行分组
  3. 在以宽度为属性的内联样式中使用 max-width ( <table style="max-width:600px" width="100%">)

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

希望能帮助到你

于 2017-04-08T18:16:08.393 回答
0

我做了这个电子邮件模板Email template1Email template2Email template3。我用表格做了这个。你可以参考一下,希望对你有帮助。

于 2015-09-29T12:03:27.453 回答
0

检查以下链接以了解您的问题

关联

Gmail 应用程序不支持响应式设计

于 2015-09-29T11:55:57.890 回答