Question

我正在为客户制作一个电子邮件/ html模板，我们希望尽可能好地呈现给客户。

我最初的问题是Gmail应用程序正在呈现移动版本，我花了几个小时来尝试解决许多问题，但最后我放置了一个隐藏的td，最小宽度为610px，以强制Gmail应用程序渲染桌面版。我知道这是一个快速解决方案，但我发现尝试解决Gmail App渲染模板的桌面版时遇到的许多问题太费时了。

我用来强制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轻松解决这个问题。

现在我发现我在使用Gmail的Inbox时遇到了同样的问题。据我所知，Inbox by Gmail是相当新的，在搜索webb时，我发现很少或没有文章描述了这种新客户端/应用程序的一些方法。

我想要的是一种方法，如果可能的话，强制使用Gmail收件箱来呈现桌面版本。正如我目前为Gmail应用程序所做的那样。但也许那是不可能做到的？

由于Gmail的Inbox很安静，因此我唯一值得注意的是我在网上发现的有关Inbox by Gmail的链接：

感谢答案。

Answer 1

我发现最简单，最简单的解决方案是定义内联font-size，并将其标记为!important。否则，Gmail会自行调整字体大小50％！

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

强制收件箱通过Gmail呈现桌面版？

1 个答案: