我正在为一个客户制作一个电子邮件/html 模板,我们希望尽可能多地呈现给尽可能多的客户。
我最初的问题是 Gmail 应用程序正在渲染移动版本,我花了几个小时试图解决许多问题,但最后我放置了一个最小宽度为 610 像素的隐藏 td 来强制 Gmail 应用程序渲染桌面版本。我知道这是一个快速修复,但我发现尝试修复 Gmail 应用程序呈现我的模板的桌面版本时遇到的许多问题太耗时了。
我用来强制 Gmail 应用程序呈现桌面版本的代码块示例。
<!--GMAIL APP FIX [START]-->
<table cellpadding="0" cellspacing="0" border="0" align="center" width="610px" class="responsive-table gmail-hide" style="text-decoration: none; border: 0px solid white;">
<tr>
<td cellpadding="0" cellspacing="0" border="0" style="background-color:white; line-height:2px;" height="2px; min-width: 610px;">
<img src="#" height="2px" width="610px" style="max-height:2px; min-height:2px; display:block; width:610px; min-width:610px;" />
</td>
</tr>
</table>
<!--GMAIL APP FIX [END]-->
我在 gmail 渲染移动版本时遇到的问题很多。最重要的是对齐问题和填充。我有一个两列布局,在移动版本中,我的条件 CSS 没有生效,因为它们已被 gmail 条带化。因此,我真的不知道如何仅使用内联 css 以简单的方式解决此问题。
现在我发现我在使用 Inbox by Gmail 时遇到了同样的问题。据我了解,Gmail 收件箱是相当新的,在搜索 webb 时,我发现很少或没有文章描述了这个新客户端/应用程序的一些方法。
如果可能的话,我正在寻找一种强制 Inbox by Gmail 呈现桌面版本的方法。正如我目前为 Gmail 应用所做的那样。但也许那是不可能的?
由于 Gmail 收件箱是全新的,这是我在网上找到的有关 Gmail 收件箱的唯一值得注意的链接:
https://litmus.com/blog/a-first-look-at-inbox-by-gmail-what-email-marketers-need-to-know
https://litmus.com/community/code/787-email-rendering-in-new-gmail-inbox-app
感谢解答。