1

我正在为一个客户制作一个电子邮件/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 收件箱的唯一值得注意的链接:

感谢解答。

4

1 回答 1

1

我发现的最简单和最简单的解决方案是定义一个 inline font-size,并将其标记为!important. 否则,Gmail 会自行将字体大小调整多达 50%!

来源:
http ://css-tricks.com/override-gmail-mobile-optimized-email

于 2016-04-29T10:25:10.150 回答