Hubspot 电子邮件模板在 Gmail 应用程序中没有响应答案

【问题标题】：Hubspot Email templating not responsive in Gmail appHubspot 电子邮件模板在 Gmail 应用程序中没有响应
【发布时间】：2018-07-13 10:02:20
【问题描述】：

目前，我正在 HubSpot 中处理电子邮件模板，但遇到了一个似乎无法解决的问题。

<table class="two-col-centered" style="line-height: 1.5em; max-height: 309px;">
<tr>
    <td style="width: 40%; font-size: 12px; padding: 0px 0px 0px 0px;" valign=top class="k-700-col mk-padding">
        <table style="width: 100%;"><tr>
            <td style="padding: 0px 0px 0px 00px;">
                {% if widget.Image.src %}
                    <img src="{{ widget.Image.src }}" width="309px;" height="269px" alt="{{ widget.Image.alt }}">
                {% endif %}
            </td>
        </tr></table>
    </td>

    <td style="width: 60%; font-size: 12px; padding: 0; background-color: #ED4A2F;" valign=top class="k-700-col mk-padding;">
        <table style="width: 100%;"><tr>
            <td style="padding: 25px 30px;">
                <h2 style="font-size: 20px; margin: 0; margin-bottom: 10px; color: #fff;">{{ widget.heading_right }}</h2>
                <span style="display: block; background-color: #fff; width: 5em; height: 5px;  border: none;"></span>
                {{ widget.content_right }}
                {{ widget.CTA }}
            </td>
        </tr>
        </table>
    </td>

</tr>

这是 HubSpot 中当前在 Gmail 应用中无法响应的特定部分的代码。

Android Gmail app screenshot

iOS app screenshot

Outlook 2016 screenshot

Outlook Chrome screenshot

理想情况下，我希望拥有像 iOS 应用一样的 Android Gmail 应用... 提前致谢。

【问题讨论】：

标签： html css email gmail hubspot

【解决方案1】：

Android Gmail 应用不支持媒体查询。

Outlook 不支持在表格中使用这样的值：width="309px;" 请改用width="309"。

祝你好运。

【讨论】：